javascript 无需重新渲染PDF.js即可更改缩放和旋转

iyfamqjs 于 2023-05-21 发布在 Java

关注(0)|答案(2)|浏览(492)

我正在添加一个使用pdf.js Display API（https://github.com/mozilla/pdf.js/blob/master/src/display/api.js）构建的PDF查看器。目前，每个PDF只有一个页面。我想允许用户更改PDF的缩放和旋转，但似乎唯一的方法是在调用render函数时修改viewport。
前
viewport = PDFPageProxy.getViewport({ scale: newScale, rotation: totalRotation });
PDFPageProxy.render({ canvasContext, viewport})
这意味着每次用户缩放或旋转页面时，整个PDF都必须重新渲染，并且单个页面大小为~1.5MB，RenderTask解析的时间可能接近一秒。
我看到在pdfjs提供的“查看器”中，有setter方法currentScale和pagesRotation。令https://github.com/mozilla/pdf.js/blob/d08895d6591b8b3233676a2ffa6a2c294cb70df7/web/pdf_viewer.js#L163-L225困惑的是，当在查看器中测试相同的1.5MB pdf页面时，缩放和旋转动作几乎是即时的。
有没有更好的方法来使用pdf.js Display API更改pdf的缩放和旋转？查看器如何实现此类性能更改？

JavaScript

来源：https://stackoverflow.com/questions/75560083/change-zoom-and-rotate-without-re-rendering-pdf-js