jquery - 将 html5 canvas 保存为服务器中的图像

Question

我有一个带有图像的 html5 Canvas 。人们可以使用 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 将 Canvas 保存为特定的图像格式

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