Get page info in TypeScript PDF Viewer

16 Feb 20261 minute to read

Use the getPageInfo() method to retrieve metadata for a specified page, including height, width, and rotation. The method returns an object with numeric height and width values (in CSS pixels) and a rotation value (degrees).

The following steps show how to use getPageInfo.

Step 1: Follow the steps in the Get started with JavaScript ES6 PDF Viewer guide to create a sample.

Step 2: Use the following code to get the height, width, and rotation for a specified page.

 <button id="getPageInfo">getPageInfo</button>

// Event listener for getting page information
document.getElementById('getPageInfo')?.addEventListener('click', function() {
    // Set the page index for which info is required
    let pageIndex: number = 0;

    // To Retrieve and log the page information
    console.log(pdfviewer.getPageInfo(pageIndex));

     // Log the specific page information details to the console
    const pageInfo:PageInfoModel = pdfviewer.getPageInfo(pageIndex);
    console.log(`Page Info for Page Index ${pageIndex}:`);
    console.log(`Height: ${pageInfo.height}`);
    console.log(`Width: ${pageInfo.width}`);
    console.log(`Rotation: ${pageInfo.rotation}`);
  });

By following these steps, the page info API can be integrated and used in the EJ2 PDF Viewer.

View sample in GitHub