How to import annotations to specific page

[Sriraman]

Hi,

Here is my scenario:

1. I have one page PDF file and I have loaded that file in my PDF viewer. 
2. The user added annotations to that page. 
3. Exported the annotation to a JSON/Xfdf file. 
4. The user modifies the orginal PDF file by adding one page at the beginning of that PDF file offline. 
5. Now again loading that PDF file into our PDF viewer. Now we have two pages, as the user added a page at the beginning of that file.
6. Now we need to load annotations to page 2.

Let me know how we can achieve this.

Thanks

[Chinnamunia Karthik Chinna Thambi]

There is no API to import the annotations on a specific page. But you can achieve this by editing the JSON or XFDF data as mentioned below. We have shared the steps to import the annotation to the specific page.

• Run the sample (https://stackblitz.com/edit/angular-dxub1a-nuuabq?file=app.component.ts,app.component.html,package.json,index.html)
• Add the annotation on Page 1.
• Export as JSON.
• Change the key value in the exported JSON file from 0 to 1 as in the screenshot.
• Save and Import the JSON file.
• Now, annotation is imported on Page number 2.

Note: For XFDF, you need to change the Page value as in the screenshot.