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.