web pdf 拖拽签章

web pdf 拖拽签章

主要通过火狐的pdfjs 来实现

1. 下载js 并编译

地址 https://mozilla.github.io/pdf.js/
按照官网当下下载并编译就得到了js

2.其实也没有什么好讲的,都是用的js中的方法,官网中都有

按照步骤就能生成一个document元素,然后通过js方法操作元素就好了。

注意web页面显示的元素的大小和元素的大小不一样,要注意比例

3.效果展示

  1. 原图
    web pdf 拖拽签章_第1张图片
  2. 签字后

web pdf 拖拽签章_第2张图片

  1. 下载后
    web pdf 拖拽签章_第3张图片

4.代码展示

你可能感兴趣的:(前端,pdf,javascript)