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