pdf.js批注注释插件库,保存导出pdf批注注释(高亮/下划线/自由文本/自由画笔)

我开发了pdf.js增加pdf批注注释插件库,支持写入批注到pdf中并保存,为目前纯前端 javascript 最佳实现方案,仅使用了最新 PDF.js dist 版本,可以十分方便的集成到任意web项目中。

Demo地址

Demo地址在:
https://demos.libertynlp.com/#/pdfjs-annotation
我仅仅基于 pdf.js-dist 完成了Web端pdf注释功能的开发,如果你想集成到项目中的话,将会是非常容易的事情。

功能演示视频链接: https://www.bilibili.com/video/BV1UY411f7kR/?vd_source=a5c5f09040e15f0a45339e0613559d01

在这里插入图片描述

功能模块

① 保存批注: 把批注标记保存到pdf文件中。
② 文本高亮: 高亮滑选的文本。
③ 文本下划线: 给滑选文本增加下划线。
④ 自由文本: 往PDF添加自由文本段落。
⑤ 自由画笔: 在PDF上使用画笔自由绘制。
⑥ 编辑注释: 复制、删除和跳转。
⑦ 导出注释: 导出标注给其他文献。
⑧ 导入标注: 导入其他标注。
⑨ 下载标注: 导出当前论文标注和批注为txt。
10 撤销标注: 撤销当前页面的标注。

总结

我已经完成了仅使用 pdf.js-distpdf.js 增加注释最佳解决方案,可以在纯web端实现pdf的批注和导出,并将 Demo 放在 https://demos.libertynlp.com/#/pdfjs-annotation 期待你的访问。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值