javascript - 使用 React-PDF 放大/缩小

标签 javascript reactjs pdf pdf.js react-pdf

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

最佳答案

改为scale={5.0} (或您要测试的任何值),您将被放大。
scale prop 采用由 . 分隔的十进制值

希望能帮助到你 :)

关于javascript - 使用 React-PDF 放大/缩小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49749392/

相关文章:

javascript - 添加/删除类和动画元素的不同方法

reactjs - 从服务器 Laravel 和 reactjs 下载文件

javascript - 渲染pdf文件javascript

pdf - SSRS 在挪威语字母上使用 Identity-H 编码字体使 PDF 文本搜索不起作用

javascript - Jquery.change()

javascript - WebStorm 自动完成 Mongoose 模式字段

javascript - 如何捕获 CasperJS 中 waitFor() 等待的时间?

reactjs - 如何知道为我的 React 应用程序安装哪个版本的 Material UI?

ios - react-native-maps:必须将 AirGoogleMaps 目录添加到您的 xCode 项目以支持 iOS 上的 GoogleMaps

swift - PDFView 不显示我的 PDF