pdf文件批注功能

实现pdf文件批注功能(web端加载文件)

PDF.js实际运行起来的页面UI效果:https://mozilla.github.io/pdf.js/web/viewer.html

但并没有添加批注文件的功能,以及批注文件的保存功能,下边是实现的在pdf.js中添加批注功能的截图,里边有各种添加批注的功能,可以像在adobe reader操作批注功能一样。
我在PDF.JS中创建注释的实现,它具有更多的特性,比如箭头、自由手绘、自由文本、文本选择高亮/下划线/穿透、测量、圆圈和戳记,使用普通Javascript,以及使用角JS链接画布中的注释的右侧边栏列表。
效果显示请从以下地址下载并观看:

链接:https://pan.baidu.com/s/1w0ABkkS-D-aJD-pm6AD4fA
提取码:l0wz

如何创建注释在PDF.JS。
首先,我称我的Web应用注释器。它是建立在PDF.JS的基础之上的。它有以下注解:

Square填土工程
-正方形边框
圆填充
圆边框
-邮票
-箭头
-便条
-测量距离(类似于Adobe AcROAT工具)
-测量区域(类似于Adobe AcROAT工具)
-音频(MP3或OGG)
-自由手绘
-免费文本
-文本下划线
-文本突出显示
-文本穿透
-如文本字段、复选框、单选按钮等表单字段
-签名

所有的注释都带有注释和属性,比如背景和前景颜色、英寸、厘米或毫米的测量单位以及字体大小。这些相同的注释可以通过侧边栏作为列表访问,您可以在其中滚动,还可以通过评论弹出窗口为每个注释启动聊天历史。

基于用户偏好可以配置的一些漂亮的特征:

基于缩放值的刻度标注
基于页面旋转角度旋转注释
-工具提示
-在左侧或右侧边栏中显示注释列表
-使用“保存”按钮或通过每个动作保存所有注释
-每个页面中的水印
-页面转换为图像的选定拖动区域的屏幕截图
-属性弹出以修改注释属性
-注释弹出修改和添加回复评论
-运行在任何PDF.JS版本上
打印预览选项,包括水印和注释

注解功能按钮
左边展示的为添加的批注内容以及相关的信息
批注信息

在这里插入图片描述
详细咨询请加入qq群:555400152

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值