【2024-04-22 源码】最新PDF批注注释插件库,pdf.js插件库,纯前端离线JavaScript库(PDF高亮、下划线、橡皮擦、文本框、画笔、历史记录)

简介: 一款基于 pdf.js 开发的PDF批注插件库,支持纯离线内网部署,功能完善、强大且在不断升级,极易上手,欢迎关注!

一款基于 pdf.js 开发的PDF批注插件库,功能完善、强大且在不断升级,极易上手,欢迎关注!
(注:非免费,面向公司用户)

Demo及源码

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

封面.png

版本亮点

1. 强大的兼容性: 纯前端 JavaScript 插件库,兼容几乎所有框架、浏览器和系统,包括很多国产的系统及浏览器,甚至支持IE;

2. 完美的安全性: 代码已通过多家企业安全扫描,没有任何在线依赖,开箱即用,软件包结构与官方版保持一致,简单极易上手,支持完全离线的内网私有化部署;

3. 多方面的优化:
① 针对官方版有多项优化,如大文件分段快速加载
② 中文渲染优化,解决了部分中文文本不显示的问题,特别是某些医疗领域的文档
③ 针对工程图、地图优化渲染,解决了大比例尺下PDF内容模糊的问题,便于工程图、地图的测量等工作;

PDF库亮点.jpg

三大功能模块

批注文件管理模块.png

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

批注功能模块.png

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

批注管理模块.png

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

总结

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

目录
相关文章
|
2天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
3天前
|
JavaScript 前端开发 开发者
【Web 前端】什么是JS变量提升?
【5月更文挑战第1天】【Web 前端】什么是JS变量提升?
【Web 前端】什么是JS变量提升?
|
4天前
|
缓存 前端开发 JavaScript
【JavaScript 技术专栏】JavaScript 前端路由实现原理
【4月更文挑战第30天】本文探讨了JavaScript前端路由在SPA中的重要性,阐述了其基本原理和实现方式,包括Hash路由和History路由。前端路由通过监听URL变化、匹配规则来动态切换内容,提升用户体验和交互性。同时,文章也提到了面临的SEO和页面缓存挑战,并通过电商应用案例分析实际应用。理解并掌握前端路由能助开发者打造更流畅的单页应用。
|
5天前
|
前端开发 JavaScript 数据安全/隐私保护
前端javascript的DOM对象操作技巧,全场景解析(二)
前端javascript的DOM对象操作技巧,全场景解析(二)
|
5天前
|
移动开发 缓存 JavaScript
前端javascript的DOM对象操作技巧,全场景解析(一)
前端javascript的DOM对象操作技巧,全场景解析(一)
|
5天前
|
缓存 编解码 自然语言处理
前端javascript的BOM对象知识精讲
前端javascript的BOM对象知识精讲
|
5天前
|
JavaScript 前端开发 开发者
【Web 前端】JS模块化有哪些?
【4月更文挑战第22天】【Web 前端】JS模块化有哪些?
|
5天前
|
前端开发 JavaScript
【Web 前端】 js中call、apply、bind有什么区别?
【4月更文挑战第22天】【Web 前端】 js中call、apply、bind有什么区别?
【Web 前端】 js中call、apply、bind有什么区别?
|
5天前
|
前端开发 JavaScript 索引
【Web 前端】JS的几种具体异常类型(报错)
【4月更文挑战第22天】【Web 前端】JS的几种具体异常类型(报错)
|
5天前
|
前端开发 JavaScript
【Web 前端】JS继承的方法有哪些?
【4月更文挑战第22天】【Web 前端】JS继承的方法有哪些?

热门文章

最新文章