使用带有背景图像的html2canvas将Div打印为PNG

Printing Div to PNG with html2canvas with background images

本文关键字：Div 打印 PNG html2canvas 背景 图像      更新时间：2023-09-26

我正在使用html2canvas插件将div打印为png格式。到目前为止，我可以将div打印成png，但缺少背景图像。

我的html2canvas jquery代码是

 html2canvas($(".comp-card-wrapper"), {
     onrendered: function (canvas) {
         // canvas is the final rendered <canvas> element
         var myImage = canvas.toDataURL("image/png");
         window.open(myImage);
     }
 });

完整代码在JsFiddle上http://jsfiddle.net/j2mpetdz/1/如果有人知道我错过了什么，那将是一个很大的帮助。

这似乎是一个已知的错误，将在html2canvas 0.5.0版本中修复。但是，该版本仍然无法使用。

看看这个答案，找到一个可能的解决方案（它似乎与未来的0.5.0RC版本兼容）。

希望这能有所帮助！

相关文章：