美文网首页
react-pdf加载本地pdf文件,印章问题

react-pdf加载本地pdf文件,印章问题

作者: 那年那月那花儿 | 来源:发表于2023-03-06 10:28 被阅读0次

    导入react-pdf,具体版本根据需求来react-pdf

    yarn add react-pdf@5.7.2
    

    或者

    npm install react-pdf@5.7.2
    

    在文件目录node-modules找到pdfjs-dist,将其中的cmaps文件整体copy一份,放在外部引用,如放置src文件

    第二步.png 第三部.png

    实现代码

    import Pdfs from "./Image/response.pdf";
    import { Document, Page } from "react-pdf/dist/esm/entry.webpack";
    function App() {
      return (
        <div>
          <Document
            options={{
              cMapUrl: `//cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/cmaps/`,
              cMapPacked: true,
            }}
            file={Pdfs}
          >
            <Page pageNumber={1} scale={1} />
          </Document>
        </div>
      );
    }
    
    export default App;
    

    注:印章和输入文字不显示要设置options的cMapUrl和cMapPacked

    相关文章

      网友评论

          本文标题:react-pdf加载本地pdf文件,印章问题

          本文链接:https://www.haomeiwen.com/subject/mskmldtx.html