将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

Answer 2

首先，您必须使用Javascript：

将图像转换为base64格式

var canvas = document.getElementById("canvas");
var data = canvas.toDataURL("image/jpeg");

现在通过PHP转换为图像并将其保存到服务器

file_put_contents("myimage.jpg", base64_decode(explode(",", $_GET['data'])[1]));

这就是全部