DEV Community

Cover image for PDF.js annotation library in pure JavaScript. Create and save PDF annotation, (pdf highlight/signature)- pdf.js
Chaoxu Wei
Chaoxu Wei

Posted on

PDF.js annotation library in pure JavaScript. Create and save PDF annotation, (pdf highlight/signature)- pdf.js

Demo and Source code

Demo and source code: https://demos.libertynlp.com
the best solution of pdf.js annotation, only use pdf.js-dist, support old browser, smart phone and mobile device, very easy to import into your project.
Image description

Function

① download : save pdf with annotations mark
② highlight : highlight selected text;
③ underline : underline selected text;
④ screenshot: screenshot pdf save as png;
⑤ polygon: add textbox/arrow/rectangle/circle;
⑥ free draw: free draw and auto smooth;
⑦ image: insert image (forexample signature);
⑧ edit: edit annotation ( copy/delete/add comment/navigate );
⑨ output annotations : output annotations for importing;
⑩ import annotations : import annotations for current file;
⑪ download txt : download annotations and comments text;
⑫ clear: clear one/page/file annotation;
⑬ undo annotations : undo annotations in current page;
⑭ help : open help file;

Demonstrate Video

Youtube tutorial video:

Summarize

I have figureed out the best solution of pdf.js annotation using only pdf.js-dist, and I put the live demo and source code in https://demos.libertynlp.com

Waiting for your visiting and using.

Top comments (0)