使用React-PDF放大/缩小

Question

在我的ReactJS应用程序中，我需要添加放大/缩小功能。我正在使用react-pdf在我的web应用中显示PDF。A/C到documentation有一个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

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