Canvas 无法使用Konva将PDF图像作为图像对象加载到HTML5画布中

如果源文件是PDF，则无法在画布中加载Konva图像对象

---

不会抛出任何错误，但画布在图像应位于的位置为空。有没有已知的解决方法？欢迎任何建议。

PDF不是图像。它是一种非常复杂的文档格式。你不能直接使用它

---

也许你可以使用类似的东西来渲染pdf，然后以某种方式使用它。

pdf不是图像。它是一种非常复杂的文档格式。你不能直接使用它

---

可能您可以使用类似的方式呈现pdf，然后以某种方式使用它。

HTML5画布位于浏览器中，浏览器负责将图像从文件数据转换为图像数据。根据经验，如果您可以在浏览器中打开图像，即通过html img标记打开图像，而无需任何特殊插件，那么它可能与画布一起工作，但这取决于浏览器的功能

PDF不是一种图像格式，而是一种可编写脚本的富文本文档格式，可以包含不同类型的多媒体内容，包括矢量和位图图形、音频、视频和表单

如果您碰巧做到了这一点，请非常小心跨设备和跨浏览器测试

---

这不是Konva的bug。

HTML5画布托管在浏览器中，浏览器负责将图像从文件数据转换为图像数据。根据经验，如果您可以在浏览器中打开图像，即通过html img标记打开图像，而无需任何特殊插件，那么它可能与画布一起工作，但这取决于浏览器的功能

PDF不是一种图像格式，而是一种可编写脚本的富文本文档格式，可以包含不同类型的多媒体内容，包括矢量和位图图形、音频、视频和表单

如果您碰巧做到了这一点，请非常小心跨设备和跨浏览器测试

---

这在Konva中不是一个bug。

您能尝试一下fabricjs和mozilla的pdf之间的这种解决方案组合吗

/** *显示下一页。 */ 函数onNextPage{ 如果pageNum>=pdfDoc.numPages{ 回来 } prevPageNum=pageNum； pageNum++； QueueRenderPageNum； } document.getElementById'next'。addEventListener'click'，onNextPage； /** *异步下载PDF。 */ pdfjsLib.getDocumenturl.thenfunctionpdfDoc\u{ pdfDoc=pdfDoc； document.getElementById'page\u count'.textContent=pdfDoc.numPages； //初始/第一页呈现 renderPagepageNum； }; //添加矩形 jQueryfunction${ $addRectangle.clickfunction{ fCanvas.addnew fabric.Rect{ 左:100,， 前100名， 填充：“红色”， 宽度：20， 身高：20 }; }; }; PDF.js上一个/下一个示例 以前的 下一个 页码：/

---

您能尝试一下fabricjs和mozilla的pdf之间的这种解决方案组合吗

/** *显示下一页。 */ 函数onNextPage{ 如果pageNum>=pdfDoc.numPages{ 回来 } prevPageNum=pageNum； pageNum++； QueueRenderPageNum； } document.getElementById'next'。addEventListener'click'，onNextPage； /** *异步下载PDF。 */ pdfjsLib.getDocumenturl.thenfunctionpdfDoc\u{ pdfDoc=pdfDoc； document.getElementById'page\u count'.textContent=pdfDoc.numPages； //初始/第一页呈现 renderPagepageNum； }; //添加矩形 jQueryfunction${ $addRectangle.clickfunction{ fCanvas.addnew fabric.Rect{ 左:100,， 前100名， 填充：“红色”， 宽度：20， 身高：20 }; }; }; PDF.js上一个/下一个示例 以前的 下一个 页码：/

---

很好地发布了可能的答案，但是OP集中在Konvajs canvas库上。将另一个库添加到下载列表可能不在范围内。很好地发布了可能的答案，但是OP集中在Konvajs canvas库上。将另一个库添加到下载列表可能不在范围内。如果它回答了您的查询，您是否可以查看答案并接受一个？如果它回答了您的查询，您是否可以查看答案并接受一个？