PDF查看器之pdfvuer

背景

公司需要实现一个PDF电子签章项目，使用到pdfvuer插件，

使用步骤

1. 加载包：pdfvuer

npm i pdfvuer

2. 引入

import pdfvuer from 'pdfvuer' // pdfvuer 版本为@1.6.1
import 'pdfjs-dist/build/pdf.worker.entry'

3. pdf预览（简化版）

5.踩坑集

a. 签章不显示问题

pdf预览电子签章显示问题解决方案

    在node_modules/pdfjs-dist/build/pdf.worker.js注释掉这行代码

    if (data.fieldType === "Sig") {
          data.fieldValue = null;
          // 注释掉底下这行 就可以显示电子签章
          // this.setFlags(_util.AnnotationFlag.HIDDEN);
    }
 

   在node_modules/pdfjs-dist/es5/build/pdf.worker.js注释掉这行代码

     if (data.fieldType === "Sig") {
        data.fieldValue = null;
          // 注释掉底下这行 就可以显示电子签章
          // _this3.setFlags(_util.AnnotationFlag.HIDDEN);
     }

修改成功后遇到新问题 node_modules每次重新npm install后修改代码消失指路手动修改 node_modules 中的依赖包（patch-package）

6.总结

代码指路
练习平台还有pdf盖章拖拽代码和一些其他小插件的使用方法，有需要的小可爱们自行拉取。路过可以顺手点个赞哦 ~~