在服务器中将 html5 画布另存为图像

Question

我有一个带有图像的 html5 画布。人们可以使用 javascript 编辑/调整图像。完成后，他们必须可以选择在他们的 Facebook 墙上发布该图像。据我所知，我们可以满足这样的要求

Save Canvas data as image in to my server      -->     Post to Facebook with its image URL   -->    Delete the image on call back.

首先是这个假设是正确的，其次是

如何在单击按钮时使用 javascript 将 HTML 5 Canvas 保存为 png 图像？是否可以 ？

Answer 1

您可以使用 JavaScript 将画布保存为特定的图像格式

var mycanvas = document.getElementById("whatever"); //get your canvas
var image    = mycanvas.toDataURL("image/png"); //Convert the canvas to image, currently converting to .png