PDF.js Express Plusplay_arrow

Professional PDF.js Viewing & Annotations - Try for free

side menu

Get Started

play_arrow

Learn more

play_arrow

Common use cases

play_arrow

Open a document

play_arrow

Save a document

play_arrow

Viewer

play_arrow

UI Customization

play_arrow

Annotations

play_arrow

Collaboration

play_arrow

Forms

play_arrow

Signature

play_arrow

Searching

play_arrow

Measurement

play_arrow

Compare

play_arrow

Advanced Capabilities

play_arrow

PDF.js Express REST API

play_arrow

Migration Guides

play_arrow

Set up measurement tools

The following features are available in:

check

PDF.js Express Viewer

help_outline

PDF.js Express Viewer is a free viewer with limited capabilities compared to PDF.js Express Plus

check

PDF.js Express Plus

help_outline

PDF.js Express Plus is a commercial PDF SDK for viewing, annotating, signing, form filling and more

When creating a new instance of PDF.js Express, the enableMeasurement property needs to be set to true to display the measurement annotation tools in the UI.

WebViewer({
  ... // other options
  enableMeasurement: true
}, viewerElement);

Besides passing in a constructor option, measurement can be toggled using the PDF.js Express API with the enableMeasurement and disableMeasurement functions.

WebViewer({
  ... // other options
}, viewerElement)
  .then((instance) => {
    instance.enableFeatures([instance.Feature.Measurement]);
  });
WebViewer({
  ... // other options
}, viewerElement)
  .then((instance) => {
    instance.UI.enableFeatures([instance.UI.Feature.Measurement]);
  });