共计 1292 个字符，预计需要花费 4 分钟才能阅读完成。
基于 PDF.js 开发了 PDF 批注正文插件库，反对多种批注类型，反对写入批注到 pdf 中并保留，为目前纯前端 JavaScript 最佳实现计划，完满反对 老版浏览器、手机、平板 等挪动端设施， 仅应用 PDF.js dist 版本，能够不便集成到任意我的项目中。
Demo 及源码
Demo 和源码在：https://demos.libertynlp.com
基于 pdf.js-dist 开发的批注正文插件库，能够不便集成到任意我的项目中。
性能演示视频：https://www.bilibili.com/vide…
功能模块
① 下载文件 : 把批注标记保留到 pdf 文件中
② 文本高亮 : 高亮滑选的文本
③ 文本下划线 : 给滑选的文本减少下划线
④ 文档截图: 截图 PDF 页面并保留为 PNG 图片
⑤ 正文列表 : 关上正文列表并编辑 （复制 / 删除 / 返回）
⑥ 选中对象 : 选中批注对象并批改 （地位 / X 轴缩放 / Y 轴缩放 / 旋转）
⑦ 选中对象 : 选中批注对象并批改 （色彩 / 角度 / 大小 / 地位 / 透明度）
⑧ 插入图片 : 插入本地图片 如电子签名
⑨ 画笔工具 : 在以后页面应用画笔工具自在绘制
⑩ 文本框工具 : 给以后页面增加可输出文本框
⑪ 多边形工具: 减少并编辑 箭头 / 矩形 / 圆形
⑫ 编辑正文： 复制、删除和返回批注
⑬ 导出正文 : 导出残缺构造 Json 标注, 可保留到服务器并回显
⑭ 导入标注 : 导入残缺构造标注回显
⑮ 下载标注 : 导出以后文件标注和评论为 txt 格局文档
⑯ 切换语言 : 切换提醒语言至英文
⑰ 帮忙文档 : 关上帮忙文档
性能演示
1- 主动高亮和下划线： 将选中文本高亮或者增加下划线，反对通过触屏来高亮 / 下划线文字，完满反对手机、平板等挪动端设施。
2- 插入图片： 插入图片，例如增加电子签名、公章等。
3- 编辑对象： 选中批注可批改地位、X 轴缩放、Y 轴缩放和旋转。
4- 增加文本框并编辑文字： 增加文本框，双击后可编辑文字，反对缩放变形后仍可编辑。
5- 编辑对象属性： 选中批注可批改填充色、边框色、背景色、透明度和删除。
6- 增加并编辑多边形： 增加并编辑箭头、矩形框、圆形等多种多边形。
7- 画笔绘制并主动平滑： 激活画笔自在绘制并主动平滑门路。
8- 屏幕截图： 增加截屏框，批改地位大小并编辑截屏批注，确认后截屏以后地位图像并保留为 PNG 图片。
9- 关上及操作批注列表： 关上批注列表并操作批注，包含返回批注并闪动、复制文本、减少评论和删除单个批注、革除页面批注、革除文档批注。
10- 导出及导入批注： 导出批注为 JSON 格局，可被保留至数据库并重载至 PDF 文件；从 JSON 文件中导入批注并显示在 PDF 上。
11- 切换提醒语言： 切换操作按钮及提醒的语言，目前反对中文和英文，反对拓展其余语言包。
12- 批注写入并下载文档： 将所有批注写入 PDF 并下载文档。
总结
基于 pdf.js-dist 实现的 PDF 批注正文插件库，为目前最佳解决方案，能够在 Web 端纯 JavaScript 实现 pdf 的批注和导出，Demo 和源码在 https://demos.libertynlp.com 期待你的拜访。
欢送继续关注，将会继续更新 pdf.js 开发教程，任何 pdf.js 定制开发需要欢送随时通过邮箱：weichaoxu1998@gmail.com 分割我。
