使用 React-PDF 放大/缩小答案

【问题标题】：Zoom in/Zoom out using React-PDF使用 React-PDF 放大/缩小
【发布时间】：2018-09-19 19:45:07
【问题描述】：

在我的 ReactJS 应用程序中，我需要添加放大/缩小功能。我正在使用react-pdf 在我的网络应用程序中显示 PDF。 documentation 的 A/C 有一个 scale prop，通过它我可以 scale pdf 页面。

但是使用scale prop 并没有显示zoom 因素的任何变化。这是我用来这样做的code。

<Document
        loading=""
        file={file}
        className="document"
        onLoadSuccess={(transport) => onLoadSuccess(transport, sectionIndex)}>
        <Page width={900} scale={30} className="page" pageNumber={1} />
    </Document>

我尝试了scale prop 的以下值，但似乎没有得到任何结果。 1.5、0.5、10、30、40。有没有更好的方法来做同样的事情，或者我错过了什么？

【问题讨论】：

标签： javascript reactjs pdf pdfjs react-pdf

【解决方案1】：

看起来你不能有一个硬编码的宽度和改变比例，因为我自己只是有这个问题。我的方法是将页面宽度乘以内部状态的跟踪比率。

【讨论】：

我想知道考虑到固定宽度是如何做到的。
这是属性定义中的注释：`如果同时定义宽度和缩放，宽度将乘以给定因子。`

【解决方案2】：

将其更改为scale={5.0}（或您要测试的任何值），您将被放大。

scale 属性采用由. 分隔的十进制值

希望对你有帮助:)

【讨论】：