如何获取我的画布快照

Question

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

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

Answer 1

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

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

Answer 2

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

将Canvas内容发送到服务器

Answer 3

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

Answer 4

我使用以下内容：

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

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