【问题标题】:How to change height or width of pdf in react (npm react-pdf) [closed]如何在反应中更改 pdf 的高度或宽度(npm react-pdf)[关闭]
【发布时间】:2021-01-12 01:52:29
【问题描述】:

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

这包括:

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

【问题讨论】:

    标签: javascript css reactjs react-pdf


    【解决方案1】:

    首先如果你想在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;
    }
    

    你可以走了。

    【讨论】:

    • 文档和页面组件也有 'className' 属性名称。您可以设置一个类名来定位该页面(但需要使用上面提到的类或其中的“画布”元素)。因为已经应用了样式标签,所以您需要使用 !important 覆盖,如上面的答案中所做的那样
    • 谢谢它的工作
    猜你喜欢
    • 2013-03-10
    • 2020-07-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多