检测 pdf.js 上的放大和缩小

Question

我想检测用户何时放大或缩小在 iframe 上使用 pdf.js 库打开的文档。我几乎在下面的代码中寻找术语“whatGoesHere”。相当于“pagechange”或“pagesloaded”，仅用于缩放。

innerDoc.addEventListener('whatGoesHere', function(e) 
    {console.log("zoom changed!");});

Answer 1

我发现“pagerendered”确实在每次缩放后触发，但它也会在页面移动时触发。如果有一个严格用于缩放的事件那就太理想了。

Answer 2

有3个缩放事件：

zoomIn
zoomOut
zoomReset

Answer 3

如果您使用 pdf.js 查看器，您可以绑定到

scalechanged

事件：

document.addEventListener('webviewerloaded', function () {
    console.log('web viewer loaded');

    // Wait for the PDFViewerApplication to initialize
    PDFViewerApplication.initializedPromise.then(function () {
        PDFViewerApplication.eventBus.on('scalechanged', function(e) {
           console.log("Do stuff here.");
        });
    )};
});

参考：https://github.com/mozilla/pdf.js/blob/ffbfd680ec418c05afdcafb6b3e6e962f978f8b0/web/app.js#L1884