首页 > 其他分享 >【2023-11-01】一款基于 pdf.js 的 PDF 批注注释插件库(纯JS、高亮、画笔、多边形、历史记录)

【2023-11-01】一款基于 pdf.js 的 PDF 批注注释插件库(纯JS、高亮、画笔、多边形、历史记录)

时间:2023-11-01 11:03:08浏览次数:40  
标签:11 批注 插件 01 高亮 导出 PDF 文本

基于纯 JavaScript 和 PDF.js 做的一款 PDF 批注拓展插件-PDFMaster,一款仍能兼容支持IE 11的PDF批注插件,界面美观功能强大,有无开发经验都可以快速简单快速使用。

Demo及源码

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

注:非免费 ,有很多资费版本的计划可供不同的开发者选择。愿针对开发者的营商环境越来越好,愿所有开发者的劳动都可以得到实质回报!

封面图.png

三大功能模块

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

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

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

总结

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

标签:11,批注,插件,01,高亮,导出,PDF,文本
From: https://blog.51cto.com/u_15732655/8119900

相关文章

  • P5070 [Ynoi2015] 即便看不到未来
    题意给定一个序列,静态区间查询区间的长度为\(1\to10\)的极长值域连续段个数。Sol考虑离线下来跑扫描线。枚举右端点,维护每个左端点的答案。不难想到,\(i\)对\(lst[i]\)是没有贡献的,考虑右端点为\(i-1\),若此时的\(l\lelst[i]\)。\(i\)不作贡献。所以我们把值域上......
  • 安装windows11的注意事项
     进入到安装界面后,在选择时间和货币格式的时候选择:英语(世界),据说这样可以避免第三方软件的安装。    KMS命令:slmgr/ipkW269N-WFGWX-YVC9B-4J6C9-T83GXslmgr/skmskms.loli.bestslmgr/ato ......
  • AT_joisc2012_constellation 星座
    题目传送门更好看的题面非常巧妙的凸包。题目分析这道题的本质就是将所有点划分为两个生成树,求可能的方案数。part1求凸包的答案我们可以考虑先求一个整体的凸包,如下图:其中红色的点为星座$A$,蓝色的点为星座$B$,黑色的点不确定。先考虑凸包上的点,对于凸包上的点,当存在......
  • PAT_A1015 Reversible Primes
    A reversibleprime inanynumbersystemisaprimewhose"reverse"inthatnumbersystemisalsoaprime.Forexampleinthedecimalsystem73isareversibleprimebecauseitsreverse37isalsoaprime.Nowgivenanytwopositiveintegers N (&......
  • P5659 [CSP-S2019] 树上的数
    相信大家都看过题,但还请搞清楚是数对应结点编号。这里用\(a_i\)表示\(i\)号结点对应的数。对于\(n\leq10\)的数据,全排列出删边的顺序然后模拟,取字典序最小的方案。对于菊花,仍然考虑删边的顺序,假设删边依次是\(rt\tov_1,rt\tov_2,\cdots,rt\tov_{n-1}\)。因为每删一......
  • P3320 [SDOI2015] 寻宝游戏
    其实就是动态维护包含所有关键点的极小联通子树边权和。暴力做法只要子树内有关键点就去遍历,所以按照DFS序顺序去遍历这些关键点肯定是没问题的。用set维护即可。在\(x\)和\(z\)之间加入\(y\),答案加上\(dis(x,y)+dis(y,z)-dis(x,y)\),删除就反过来。......
  • P5666 [CSP-S2019] 树的重心
    考虑一个结点在什么情况下会成为重心。随便钦定一个根结点。对于结点\(u\),假设割掉了其子树\(v\)中的某条边或连接\(u\)和\(v\)的边,形成了一棵大小为\(k\)的新树。令\(mx\)表示除\(v\)子树外最大的子树大小(或\(n-siz_u\))。如果\(u\)成为了重心根据定义有\(2\ti......
  • P3233 [HNOI2014] 世界树
    将关键点以深度为第一关键字,编号为第二关键字从小到大排序。建完虚树后依次考虑这些关键点可能的管辖的结点。每次在虚树上向上跳,当遇到某个已经被访问过的结点时,根据我们的排序条件,显然再往上的结点就一定不是当前关键点管辖的了。但是在向上跳的这条链上的子树内的结点不一定由......
  • P1232 [NOI2013] 树的计数
    首先要明确,对于一个结点,其儿子的遍历顺序是确定的,在DFS序和BFS序中相同。而BFS序更容易确定一棵树的深度,只需要知道在哪些结点分了层。所以可以通过DFS序来确定BFS中的分层方案。然后分类讨论:\(BFS_u+1=BFS_v\),\(DFS_u>DFS_v\),相差恰好一层。若同层则说明DFS先进......
  • mac 切换java jdk版本 java8 java11
    1.  终端执行命令查看本地各版本jdk:mac通常默认安装了jdk1.8安装目录是/Library/Java/JavaVirtualMachines/cd/Library/Java/JavaVirtualMachines/ls2.上述命令列出的各版本目录名后,在全局配置文件.bash_profile中新增上面命令列出的各版本jdk,并指定当前环境变量默认......