Delete an annotation in PDF Viewer

16 Feb 20261 minute to read

Use the deleteAnnotationById() method to remove a specific annotation from a PDF document by its id.

Steps to delete a specific annotation

Step 1: Follow the getting-started guide to create a simple PDF Viewer sample: Getting started with JavaScript PDF Viewer.

Step 2: Add a control to trigger deletion and use the following example to call deleteAnnotationById().

 <button id="deleteAnnotationbyId">Delete Annotation By Id</button>

// Delete annotation by id
document.getElementById('deleteAnnotationbyId').addEventListener('click', () => {
    viewer.annotationModule.deleteAnnotationById(
      viewer.annotationCollection[0].annotationId
    );
  });

Sample: How to delete a specific annotation using deleteAnnotationById
https://stackblitz.com/edit/mcxfte?file=index.ts