Some test text!

Cropping pages

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.

viewerElement.addEventListener('documentLoaded', function() {   
  var docViewer = myWebViewer.getInstance().docViewer;
  var doc = docViewer.getDocument();
  var rotation = viewerElement.querySelector('iframe').contentWindow.CoreControls.PageRotation;
  var cropTop = 100, cropLeft = 0, cropRight = 0, cropBottom = 0;
  var page1 = 1, page2 = 2, page3 = 3;

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

  doc.cropPages([page1], cropTop, cropBottom, cropLeft, cropRight)
  .then(function(pagesArray) {
    doc.getPageInfo(page1); // {width: 612, height: 692}
    return doc.rotatePages([page1], rotation.e_90);
  }).then(function(pagesArray) {
    docViewer.rotateCounterClockwise(page1);
    // rotate the first page back so that it appears upright in the viewer
    doc.getPageInfo(page1 - 1); // {width: 692, height: 612}, width and height get swapped
    return doc.cropPages([page1], cropTop, cropBottom, cropLeft, cropRight);
  }).then(function(pagesArray) {
    doc.getPageInfo(page1 - 1); // {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