Some test text!

Loading...
Guides
Crop pages

Cropping PDF pages using JavaScript

PDF pages can be cropped using the cropPages function. Simply pass in an array of pages to crop and the amount to be cropped from each side. One thing to note is that sides are based on the document rotation instead of the UI or total rotation.

// config.js
const docViewer = instance.Core.documentViewer;
const rotation = instance.Core.PageRotation;

docViewer.addEventListener('documentLoaded', async () => {
  const doc = docViewer.getDocument();
  const cropTop = 100, cropLeft = 0, cropRight = 0, cropBottom = 0;
  const page1 = 1, page2 = 2, page3 = 3;

  doc.getPageInfo(page1); // {width: 612, height: 792}

  await doc.cropPages([page1], cropTop, cropBottom, cropLeft, cropRight)
  doc.getPageInfo(page1); // {width: 612, height: 692}

  await doc.rotatePages([page1], rotation.E_90);
  docViewer.rotateCounterClockwise(page1);
  doc.getPageInfo(page1); // {width: 692, height: 612}, width and height get swapped

  // rotate the first page back so that it appears upright in the viewer
  await doc.cropPages([page1], cropTop, cropBottom, cropLeft, cropRight);
  doc.getPageInfo(page1); // {width: 692, height: 512}
  // Even though the page appears upright, the document is rotated 90 degree clockwise
  // So the left side of the document is cropped
});

Get the answers you need: Support

Upcoming Webinar: SDK Features Preview and Live Run-Through | July 14, 2022 at 11 am PT

PDFTron SDK

The Platform

NEW

© 2022 PDFTron Systems Inc. All rights reserved.

Privacy

Terms of Use