我使用PDF.JS將pdf頁(yè)面呈現(xiàn)到不同的畫布元素中。我的要求是捕獲畫布的輸出并將其顯示為圖像。是否有一些事件知道畫布中的pdf頁(yè)面的渲染是否已經(jīng)完成。因?yàn)楫?dāng)我嘗試捕獲canvas的輸出時(shí)，它是空白的。但是pdf頁(yè)面被正確渲染。看起來(lái)我的捕獲事件在pdf.js完成渲染過(guò)程之前被調(diào)用。

這是我的代碼：

@H_403_4@page.render(renderContext);

var myImage = new Image();

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

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

如果我在FireFox的控制臺(tái)中執(zhí)行相同的代碼，這可以正常工作。所以這個(gè)代碼沒(méi)有什么問(wèn)題。

只是讓你們知道我已經(jīng)嘗試過(guò)document.ready和window.load事件。

我也在努力解決這個(gè)問(wèn)題。我使用的解決方案是：

@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

};

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。