当前位置: 首页 > Web前端 > JavaScript

【附源码】web端pdf.js实现pdf注释编辑(写保存-高亮-下划线-插入图片-矩形-箭头-圆圈-文本-画笔)

时间:2023-03-27 16:25:56 JavaScript

基于pdf.js实现pdf的js插件-in编辑批注库有高亮、下划线、插入图片、矩形、箭头、圆形、文本、画笔等工具,支持将批注写入pdf并保存。是目前最好的纯前端javascript实现。仅使用最新的PDF.jsdist版本,可以轻松集成到任何Web项目中。Demo和源码Demo和源码在:https://demos.libertynlp.com,下图左边是添加注释和编辑的例子,右边是功能介绍。功能模块①下载文件:将评论标记保存到pdf文件②文字高亮:高亮选中的文字③文字下划线:为选中的文字添加下划线④评论列表:打开评论列表并编辑(复制/删除/转到)⑤选中对象:选中评论对象并修改(颜色/角度/大小/位置/透明度)⑥插入图片:插入本地图片⑦画笔工具:使用画笔工具在当前页面自由绘制⑧文本框工具:添加到当前页输入文本框⑨箭头工具:在当前页添加一个箭头⑩矩形工具:在当前页添加一个矩形框?圆形工具:在当前页添加一个圆圈?导出注释:导出完整的结构Json注解,可保存到服务器并回显?导入注解:导入完整的结构注解并回显?下载注解:将当前文件注解和注释导出为txt格式文档?切换语言:切换提示语言为英文?帮助文档:Open帮助文档总结仅使用pdf.js-dist添加pdf注释的最佳方案,可在纯web端实现pdf注释和导出,源码和demo地址为https://demos.libertynlp.com欢迎继续关注,会持续更新pdf.js插件,任何pdf.js相关问题,欢迎邮件联系我:weichaoxu1998@gmail.com。