【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js

基于 PDF.js 开发了 PDF 批注注释插件库，支持多种批注类型，支持写入批注到pdf中并保存，为目前纯前端 JavaScript 最佳实现方案，完美支持 老版浏览器、手机、平板 等移动端设备，仅使用 PDF.js dist 版本，可以方便集成到任意项目中。

Demo及源码

Demo和源码在：https://demos.libertynlp.com

基于 pdf.js-dist 开发的批注注释插件库，可以方便集成到任意项目中。

功能演示视频：https://www.bilibili.com/video/BV1Le4y1c7Vy

功能演示视频

https://www.bilibili.com/video/BV1Le4y1c7Vy

功能模块

① 下载文件 : 把批注标记保存到pdf文件中

② 文本高亮 : 高亮滑选的文本

③ 文本下划线 : 给滑选的文本增加下划线

④ 文档截图: 截图PDF页面并保存为PNG图片

⑤ 注释列表 : 打开注释列表并编辑 （复制/删除/前往）

⑥ 选中对象 : 选中批注对象并修改 （位置/X轴缩放/Y轴缩放/旋转）

⑦ 选中对象 : 选中批注对象并修改 （颜色/角度/大小/位置/透明度）

⑧ 插入图片 : 插入本地图片如电子签名

⑨ 画笔工具 : 在当前页面使用画笔工具自由绘制

⑩ 文本框工具 : 给当前页面添加可输入文本框

⑪ 多边形工具: 增加并编辑 箭头/矩形/圆形

⑫ 编辑注释： 复制、删除和前往批注

⑬ 导出注释 : 导出完整结构Json标注,可保存到服务器并回显

⑭ 导入标注 : 导入完整结构标注回显

⑮ 下载标注 : 导出当前文件标注和评论为txt格式文档

⑯ 切换语言 : 切换提示语言至英文

⑰ 帮助文档 : 打开帮助文档

总结

基于 pdf.js-dist 完成的PDF批注注释插件库，为目前最佳解决方案，可以在 Web端纯JavaScript 实现pdf的批注和导出， Demo和源码在 https://demos.libertynlp.com 期待你的访问。

欢迎持续关注，将会持续更新pdf.js开发教程，任何pdf.js定制开发需求欢迎随时通过邮箱：weichaoxu1998@gmail.com 联系我。