我使用PDF.JS將pdf頁面呈現到不同的畫布元素中。我的要求是捕獲畫布的輸出并將其顯示為圖像。是否有一些事件知道畫布中的pdf頁面的渲染是否已經完成。因為當我嘗試捕獲canvas的輸出時，它是空白的。但是pdf頁面被正確渲染。看起來我的捕獲事件在pdf.js完成渲染過程之前被調用。

這是我的代碼：

@H_403_4@page.render(renderContext);

var myImage = new Image();

myImage.src = document.getElementById('my-canvas-id').toDataURL();

$('body').append(myImage);

如果我在FireFox的控制臺中執行相同的代碼，這可以正常工作。所以這個代碼沒有什么問題。

只是讓你們知道我已經嘗試過document.ready和window.load事件。

我也在努力解決這個問題。我使用的解決方案是：

@H_403_4@//Step 1: store a refer to the renderer

var pageRendering = page.render(renderContext);

//Step : hook into the pdf render complete event

var completeCallback = pageRendering.internalRenderTask.callback;

pageRendering.internalRenderTask.callback = function (error) {

//Step 2: what you want to do before calling the complete method

completeCallback.call(this,error);

//Step 3: do some more stuff

};

總結

以上是生活随笔為你收集整理的判断网页pdf还是html,html5 – 如何知道PDF.JS是否完成渲染？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。