我使用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
- };
