Search results

Delete a specific annotation in Angular PDF Viewer component

03 Dec 2021 / 1 minute to read

The PDF Viewer library allows you to delete a specific annotation from a PDF document. Deleting a specific annotation can be done using the deleteAnnotationById() method. This method is used to delete a specific annotation using its id.

The following steps are used to delete a specific annotation from PDF Document.

Step 1: Follow the steps provided in the link to create a simple PDF Viewer sample.

Step 2: Use the following code snippet to delete a specific annotation using deleteAnnotationById() method.

Copied to clipboard
<button (click)="deleteAnnotationbyId()">Delete Annotation by Id</button>
Copied to clipboard
// Delete Annotation by id.
deleteAnnotationbyId() {
  var viewer = (<any>document.getElementById('pdfViewer')).ej2_instances[0];
  viewer.annotationModule.deleteAnnotationById(
    viewer.annotationCollection[0].annotationId
  );
}

Find the sample how to delete a specific annotation using deleteAnnotationById