如何在反应中更改 pdf 的高度或宽度(npm react-pdf)

Rah*_*rma 2 javascript css reactjs

更改 react-pdf 中加载的 pdf 布局(高度和宽度)。

这包括 :

  1. 在 reactjs 中加载 pdf
  2. 修改pdf的高度和宽度。

Rah*_*rma 6

首先如果你想在reactjs中加载pdf,可以参考这篇文章https://levelup.gitconnected.com/displaying-pdf-in-react-app-6e9d1fffa1a9

你也可以克隆https://github.com/wojtekmaj/react-pdf

之后,添加一些 css 将其定位到中心并定义您自己的文档高度和宽度

.react-pdf__Page__canvas {
    margin: 0 auto;
    width: 80% !important;
    height: 100% !important;
}
Run Code Online (Sandbox Code Playgroud)

你很高兴去。

  • 我有一个更好的解决方案: `<Page pageNumber={1} height={document.getElementsByClassName('PdfDiv')[0]?.clientHeight*0.8 ?? 150}` 这样你就有了父 div 的百分比高度。 (2认同)