使用 React-PDF 放大/缩小

Question

在我的 ReactJS 应用程序中，我需要添加放大/缩小功能。我正在使用react-pdf在我的网络应用程序中显示 PDF。文档的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。有没有更好的方法来做同样的事情，或者我错过了什么？

Answer 1

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

所述scale支柱通过采用分离的十进制值.

希望能帮助到你 ：）

Answer 2

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