自媒体网站源码,上海企业网站营销电话,视频直播app开发网站,三星网上商城如何学生认证前段时间接到一个需求#xff0c;用户希望网页上预览PDF#xff0c;同时能在PDF上添加文字#xff0c;划线#xff0c;箭头和用矩形框选的标注#xff0c;另外还需要对已有的标注进行修改#xff0c;删除。 期初在互联网上一通搜索#xff0c;对这个需求来讲发现了两个问… 前段时间接到一个需求用户希望网页上预览PDF同时能在PDF上添加文字划线箭头和用矩形框选的标注另外还需要对已有的标注进行修改删除。 期初在互联网上一通搜索对这个需求来讲发现了两个问题。 第一有些同行给的方案不符合预期。大多数是在PDF的上面加一层透明层然后再在这个透明层上面添加文字。这样做批注不能随PDF滚动或放大缩小而跟随回显也是一个麻烦事可以说没办法回显。 第二有些很强功能很全面的给PDF添加批注的插件完全符合需求但是需要支付几百上千的费用。 因此只能硬着头皮开发了。 主要用 pdfjs pdfjs-dist jspdf fabric实现最终完美完成用户需求
效果展示 1、添加自由线 2、添加文字标注可以对文字标注进行拖动位置放大缩小
3、添加矩形和箭头添加后可调整位置大小
4、删除已经添加过的批注以及将添加批注的PDF导出带批注的PDF。
另外还能有很多其他的批注都能实现比如添加图片修改颜色修改画笔粗细等等。
提供源码
