判断网页pdf还是html,html5 – 如何知道PDF.JS是否完成渲染?

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

};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值