Delete a specific annotation using deleteAnnotationById
31 Oct 20231 minute to read
The PDF Viewer server library allows you to delete a specific annotation from 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 simple PDF Viewer sample.
Step 2: Use the following code snippet to delete a specific annotation using deleteAnnotationById() method.
<button onclick="deleteAnnotationbyId()">deleteAnnotationbyId</button>
<div style="width:100%;height:600px">
<ejs-pdfviewer
id="pdfviewer"
documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
</ejs-pdfviewer>
</div>
<script>
function deleteAnnotationbyId() {
var viewer = document.getElementById('pdfviewer').ej2_instances[0];
viewer.annotationModule.deleteAnnotationById(viewer.annotationCollection[0].annotationId);
}
</script>
<button onclick="deleteAnnotationbyId()">deleteAnnotationbyId</button>
<div style="width:100%;height:600px">
<ejs-pdfviewer
id="pdfviewer"
serviceUrl='/Index'
documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
</ejs-pdfviewer>
</div>
<script>
function deleteAnnotationbyId() {
var viewer = document.getElementById('pdfviewer').ej2_instances[0];
viewer.annotationModule.deleteAnnotationById(viewer.annotationCollection[0].annotationId);
}
</script>