Upload any .pdf file from local storage.
.pdf
Renders all pages of the PDF using PDF.js with scalable canvas for high quality.
Select Tool: Move, resize, and modify existing annotations.
Pencil Tool: Freehand drawing with customizable color.
Text Tool: Add editable text anywhere on the PDF.
Eraser Tool: Remove annotations by clicking over them.
3. Color Picker
Real-time color selection for drawing and text tools.
4. Download Annotated PDF
Combines original PDF and annotations into a new PDF.
Uses PDF-lib to embed drawings/text as images onto the corresponding pages.
Libraries Used:
PDF.js: Renders PDF pages into <canvas>.
PDF.js
<canvas>
Fabric.js: Enables annotation layers and interaction with canvas objects.
Fabric.js
PDF-lib: Embeds annotations onto the final PDF output.
PDF-lib