【2023-11-01】一款基于 pdf.js 的 PDF 批注注释插件库(纯JS、高亮、画笔、多边形、历史记录)

简介: 基于纯 JavaScript 和 PDF.js 做的一款 PDF 批注拓展插件-PDFMaster,一款仍能兼容支持IE 11的PDF批注插件,界面美观功能强大,有无开发经验都可以快速简单快速使用。

基于纯 JavaScript 和 PDF.js 做的一款 PDF 批注拓展插件-PDFMaster,一款仍能兼容支持IE 11的PDF批注插件,界面美观功能强大,有无开发经验都可以快速简单快速使用。

Demo及源码

Demo和源码地址:https://demos.libertynlp.com
功能演示视频:https://www.bilibili.com/video/BV12C4y1n7TL

注:非免费 ,有很多资费版本的计划可供不同的开发者选择。愿针对开发者的营商环境越来越好,愿所有开发者的劳动都可以得到实质回报!
封面图.png

三大功能模块

1.png

① 保存批注: 在PDF文件内保存批注并下载。
② PDF提取器: 从原始PDF中提取某些页面,生成新的PDF。
③ 导出批注: 以JSON格式导出批注,可存储在数据库中以及重载。
④ 导入批注: 导入JSON格式批注。
⑤ 导出批注: 地将批注和评论导出为txt文件。
⑥ 切换语言: 在中英文界面之间切换。
⑦ 设置: 批注样式设置,包括高亮颜色、下划线颜色和宽度、笔刷宽度和颜色、文本样式等。

2.png

① 编辑批注: 调整批注的颜色、旋转、大小、位置和不透明度。
② 批注列表: 通过复制/删除、绘制连接线和添加评论来管理批注。
③ 文本高亮: 高亮选定的文本(跨页支持)。
④ 文本下划线: 给选定的文本添加下划线(跨页支持)。
⑤ 插入图片: 将图片,如电子签名,整合到您的PDF中。
⑥ 文档截图: 捕捉并保存PDF页面为PNG图像。
⑦ 手绘绘图: 自由手绘批注。
⑧ 文本框: 添加文本框。
⑨ 多边形: 添加各种形状,例如箭头、矩形、圆形、直线、对勾和身份证印章。

3.png

① 橡皮擦: 擦除批注的特定部分,包括文本框。
② 撤消: 可自定义步骤的撤消或重做批注。
③ 重做: 可自定义步骤的重做批注。
④ 清除批注: 清除单个批注、多个批注、整页批注或整个文档的批注。
⑤ 帮助: 显示帮助文档。

总结

基于纯JavaScriptpdf.js,我们开发了一款Web端PDF插件库,包含高亮、划线、画笔、多边形,历史记录等各类批注功能以及批注导入导出的管理模块,界面美观功能强大,且是现在为数不多的可以兼容IE 11的PDF批注插件
源码和Demo地址为 https://demos.libertynlp.com

目录
相关文章
|
人工智能 JavaScript 关系型数据库
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
610 14
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
|
JavaScript 容器
带方向感知功能的js图片遮罩层插件
带方向感知功能的js图片遮罩层插件
|
JavaScript 前端开发 API
纯js轻量级页面顶部Loading进度条插件
纯js轻量级页面顶部Loading进度条插件
|
Web App开发 JavaScript 前端开发
《编写可维护的JavaScript》——2.3 使用注释
另一个适合添加注释的好时机是当代码看上去有错误时。在团队开发中,总是会有一些好心的开发者在编辑代码时发现他人的代码错误,就立即将它修复。有时这段代码并不是错误的源头,所以“修复”这个错误往往会制造其他错误,因此本次修改应当是可追踪的。
1370 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
519 2
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
388 1
JavaScript中的原型 保姆级文章一文搞懂
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
262 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
652 5
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
496 4