annotate-pdf
Reactive icon

Annotate PDF

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 2 Jun (3 weeks ago)
 by 
0.0
 (0 ratings)
annotate-pdf

Annotate PDF

Details
The Annotate PDF Editor is a modern, browser-based tool built using JavaScript that enables users to view, annotate, and download modified PDF documents. It combines the rendering power of PDF.js, the interactive canvas capabilities of Fabric.js, and the PDF modification features of PDF-lib to provide a rich editing experience—all within the browser, with no server-side processing required.
Read more

Key Features:


1.  PDF Upload and Display

  • Upload any .pdf file from local storage.

  • Renders all pages of the PDF using PDF.js with scalable canvas for high quality.


2.  Annotation Tools

  • 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>.

  • Fabric.js: Enables annotation layers and interaction with canvas objects.

  • PDF-lib: Embeds annotations onto the final PDF output.

Release notes (1.0.0)
License (1.0.0)
Reviews (0)
Team
Other assets in this category