javascript - 如何使用父div打印html5 Canvas

Question

我的网页在 div 中有一个 Canvas 。我需要使用 javascript 用 Canvas 打印这个 div 。 enter image description here

Answer 1

您需要将 Canvas 转换为普通图像才能实现此目的。

使用 canvas.toDataURL 获取包含图像表示的数据 URI，如下所示，

var canvasObj = document.getElementById("yourCanvasId");
var imgObj    = canvasObj.toDataURL("image/png");

然后你可以将图像对象写为，

document.write('<img src="'+imgObj+'"/>');

这在打印输出时效果很好。

希望这有帮助!