【2023-11-01】A PDF annotation plugin library based on pdf.js (pure JS, highlight, brush, polygon, history)

A PDF annotation plugin based on pure JavaScript and PDF.js - PDFMaster. It is a PDF annotation plugin that is still compatible with IE 11. It has a beautiful interface and powerful functions. It can be used quickly and easily by anyone with or without development experience.

Demo and Source Code

Demo and source code：https://demos.libertynlp.com      

Video tutorial：https://youtu.be/VIrMeJ4zfAE    



Functions

1. Flexible file management module
① Save Annotations: Save annotations within the PDF file.
② PDF extracter: Extract some pages from original pdf and form a new pdf.
③ Export Annotations: Export annotations in JSON format, can be storaged in databases and future reloading.
④ Import Annotations: Import and reload JSON format annotations.
⑤ Export Annotations: Export annotations and comments as .txt files.
⑥ Switch Language: Toggle between Chinese and English interface.
⑦ Settings: Annotations style setting, including highlight color, underline color and width, brush width and color, text style and so on.

 

2. Powerful pdf annotation features
① Edit Annotations: Adjusting annotations’ color, rotation, size, position, and opacity.
② Annotation List: Manage annotations by copying/deleting, drawing connecting lines, and adding comments.
③ Text Highlight: Highlight selected text (across pages support).
④ Text Underline: Add underlines to selected text (across pages support).
⑤ Insert Image: Integrate images such as electronic signatures into your PDF.
⑥ Document Screenshots: Capture and save PDF pages as PNG images.
⑦ Freehand Drawing: freehand annotations.
⑧ Polygons: Various shapes like text boxes, arrows, rectangles, circles, straight line, check and Id-Card stamp.

3.Simple annotation management module
① Eraser: Erase specific parts of annotations, including text boxes.
② Undo: Undo or redo annotations with customizable step counts.
③ Redo: Redo annotations with customizable step counts.
④ Clear Annotations: Clear annotations on single annotation, multiple annotations, whole page annotations or the entire document annotations.
⑤ Help: Show help document.


评论

发表评论

此博客中的热门博文

PDF.js annotation library in pure JavaScript. Create and save PDF annotation, (pdf highlight/underline/signature/screenshot/textbox/draw/polygon)- pdf.js

图片
1-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. 2-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; 3-Dem...
阅读全文

How to save annotation comments based on pdf.js? Save English/Non-english, all language comments.(PDF Web highlight).

图片
Have you ever needed to save annotation text comments (English/Non-English)? Live Demo:   https://www.elasticpdf.com/demo It is a common requirement to  add annotation text comments  to various annotation objects such as highlights, underlines, rectangles, etc. in PDF. However, this feature, which seems to be very common in desktop PDF editors such as Adobe Arcbot, cannot be realized in many web-based PDF editors, or some of the products that can realize it are very expensive. In fact, this function is not simple. The fact that the product can realize this function shows that it has basically reached the technical level close to the world-class PDF editor. Video: Save Annotation text comments After a long period of technical accumulation, this feature was finally realized in our pure front-end offline product ElasticPDF based only on pdf.js-dist.  At present, it can save annotations in standard formats and save text comments in all languages(English/Chinese/Spanish a...
阅读全文