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

2023-03-06  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读