We used cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. What For?

« Back to Blogs

Annotations Using SVG On PDF

Imagine you want to annotate something in a PDF like drawing a rectangle to highlight something important, arrow to point somewhere or writing text to remember the meaning. Somewhat making your pdf as drawing or painting tool.


All the above things are possible with the help of Scalable Vector Graphics (SVG) and using PDF.js(A general-purpose, web standards-based platform for parsing and rendering PDFs.). Also, you can save your annotations in the database or use the JSON data in a file.


Followings are the functionalities implemented:

  1. Rendering of PDF.

  2. Links to redirect within the PDF.

  3. Annotations using SVG on PDF(Text, Arrow, and Rectangle).

  4. Delete and Zoom functionality for annotations.

  5. Color-Picker.

  6. Showing user who has done the annotation.

  7. Saving annotations.


One thing about this, annotations have been completely made using SVG.




contact-us Request a callback WhatsApp