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

Create image stamp annotations in PDF.js Express

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

Stamp annotations can be created from an image as a data URI. The key property for stamps is ImageData which you set with the value of your data URI. For example:

WebViewer(...)
  .then(instance => {
    const = { Annotations, annotManager, docViewer } = instance;

    docViewer.on('documentLoaded', () => {
      const stampAnnot = new Annotations.StampAnnotation();
      stampAnnot.PageNumber = 1;
      stampAnnot.X = 100;
      stampAnnot.Y = 250;
      stampAnnot.Width = 275;
      stampAnnot.Height = 40;
      // put your data URI here
      stampAnnot.ImageData = 'data:image/png;base64,iVBOR....';
      stampAnnot.Author = annotManager.getCurrentUser();

      annotManager.addAnnotation(stampAnnot);
      annotManager.redrawAnnotation(stampAnnot);
    })

  })
WebViewer(...)
  .then(instance => {
    const = { 
      Annotations, 
      annotationManager, 
      documentViewer 
    } = instance.Core;

    documentViewer.addEventListener('documentLoaded', () => {
      const stampAnnot = new Annotations.StampAnnotation();
      stampAnnot.PageNumber = 1;
      stampAnnot.X = 100;
      stampAnnot.Y = 250;
      stampAnnot.Width = 275;
      stampAnnot.Height = 40;
      // put your data URI here
      stampAnnot.ImageData = 'data:image/png;base64,iVBOR....';
      stampAnnot.Author = annotationManager.getCurrentUser();

      annotationManager.addAnnotation(stampAnnot);
      annotationManager.redrawAnnotation(stampAnnot);
    })

  })

Other examples

Creating rectangle annotations
To create a rectangle annotation.

Creating free text annotations
To create a free text annotation.

Creating highlight annotations
To create a highlight annotation.

Creating file attachment annotations
To create a file attachment annotation.

Creating custom annotations
To create a customized annotation.