pdf.js 预览时红章、电子签和部分文字无法显示问题解决方案

pdf 红章无法预览的问题修复方案:

node_modules/pdfjs-dist/es5/build/pdf.worker.js
注释一行代码:
this.setFlags(_util.AnnotationFlag.HIDDEN)

pdf 电子签、部分文字不显示问题修复方案:

  1. 引入
    import CMapReaderFactory from "vue-pdf/src/CMapReaderFactory.js";

  1. node_modules/pdfjs-dist/es5/build/pdf.js 加上两行代码
    //解决文字缺少问题
    params.cMapPacked = true;
    params.cMapUrl = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.2.228/cmaps/';

打补丁:

npm install patch-package --save-dev

修改项目根目录下的package.json文件,加上一项 "postinstall": "patch-package"

    "scripts": {
        "postinstall": "patch-package"
    },

为pdfjs-dist包创建补丁文件:

    npx patch-package pdfjs-dist

出现patches目录,其中就包含pdfjs-dist包的补丁文件
postinstall命令的作用就是在执行npm install的时候会自动执行npm run postinstall这个命令。

posted @ 2023-03-03 11:21  YSeventeen  阅读(3844)  评论(1编辑  收藏  举报