admin管理员组

文章数量:1596345

问题背景：业务在预览pdf文件时，对pdf进行放大、缩小操作，如果操作频率过快或者多次执行页面展示的pdf文件内容丢失，展示不完整，内容倒置等现象。打开控制台发现有报错信息：ERROR Error: Uncaught (in promise): Error: Cannot use the same canvas during multiple render() operations. Use different canvas or ensure previous operations were cancelled or completed. 翻译后大概意思就是，在多个 render() 操作期间不能使用相同的画布，使用不同的画布或确保之前的操作被取消或完成。

原因分析：报错的意思可能就是canvas标签在展示pdf文件内容时，pdf渲染出错，问题可能就是在缩放操作的逻辑代码中有什么操作导致的。

查看代码发现，这里展示的pdf文件没有进行分页展示，所以在缩放操作的时候，去遍历了所有canvas标签，然后执行了pdf.getPage()这个r函数，重新修改canvasde 宽度和长度渲染pdf。page.render(renderContext)是个异步的操作，遍历修改canvas画布渲染pdf可能造成上一个异步渲染操作还未结束又开始新的render，这样就报错了导致pdf渲染出错。

pdfStreamRenderPage = (num) => { // 一串pdf64位的流的放大缩小旋转
      if (self.pageRendering) {
        self.pageNumPending = num;
      } else {

        const co

本文标签： ErrorjsPDFRenderMultiple

版权声明：本文标题：PDF.js Error: Cannot use the same canvas during multiple render()问题解决 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1726224793a1061377.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。