html5 – 如何知道PDF.JS是否完成渲染?

前端之家收集整理的这篇文章主要介绍了html5 – 如何知道PDF.JS是否完成渲染?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用PDF.JS将pdf页面呈现到不同的画布元素中。我的要求是捕获画布的输出并将其显示为图像。是否有一些事件知道画布中的pdf页面的渲染是否已经完成。因为当我尝试捕获canvas的输出时,它是空白的。但是pdf页面被正确渲染。看起来我的捕获事件在pdf.js完成渲染过程之前被调用

这是我的代码

page.render(renderContext);
var myImage = new Image();
myImage.src = document.getElementById('my-canvas-id').toDataURL();
$('body').append(myImage);

如果我在FireFox的控制台中执行相同的代码,这可以正常工作。所以这个代码没有什么问题。

只是让你们知道我已经尝试过document.ready和window.load事件。

解决方法

我也在努力解决这个问题。我使用的解决方案是:
//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
};

猜你在找的HTML5相关文章