使用React-PDF放大/缩小

时间:2018-04-10 08:55:50

标签: javascript reactjs pdf pdfjs react-pdf

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

但使用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 [A] [C] [B] 的值,但似乎没有得到任何结果。 1.5,0.5,10,30,40。 有没有更好的方法做同样的事情或者我错过了什么?

2 个答案:

答案 0 :(得分:0)

您似乎无法拥有硬编码的宽度并无法更改比例,仅是我自己遇到了这个问题。我的方法是将页面宽度乘以内部状态下的跟踪比率。

答案 1 :(得分:0)

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

scale属性采用一个以.分隔的十进制值

希望它会有所帮助:)