如何打印html5画布与它父div

Question

我的网页里面有一个画布。我需要使用javascript打印这个div与画布。 enter image description here

Answer 1

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

使用canvas.toDataURL这样的

获取包含图像表示的数据URI

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

然后你可以把图像对象写成，

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

在打印时可以正常工作。

希望这有帮助！

Answer 2

您可以html2Canvas它为您提供网站可见部分的内容。您可以通过浏览器控制台进行尝试。