如何获取我的画布快照

Question

我使用javascript开发小应用程序，使用这个我可以在画布上绘制。我想知道，如何获取我的画布的快照并再发送一个，

使用javascript或任何其他服务器端语言。 请帮助我。谢谢。

Answer 1

您可以通过 toDataURL 方法将画布的PNG图像作为数据网址获取：

canvas.toDataURL(); // => data:...

Answer 2

看看本教程，它展示了如何拍摄画布的快照并使用AJAX将其发送到您的服务器。

Send Canvas Content to Server

Answer 3

您可以使用Canvas2Image将HTML 5画布保存到文件以供下载。

Answer 4

我使用以下内容：

window.location.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

这会导致浏览器的位置更改为包含画布内容的PNG的数据URL，然后浏览器将提示保存（更改mime类型的力，否则浏览器将只显示PNG。）< / p>