使用 React-PDF 放大/缩小

Dal*_*vik 7 javascript pdf reactjs pdfjs react-pdf

在我的 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>
Run Code Online (Sandbox Code Playgroud)

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

小智 5

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

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

希望能帮助到你 :)


小智 1

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