canvas保存html,保存HTML画布图像(Save a html canvas image)

关于第一个任务，你可以用画布内容导出到图像toDataUrl被支持的方法canvas对象。

var canvas = document.getElementById("canvas");

if (canvas.getContext) {

var ctx = canvas.getContext("2d"); // Get the context for the canvas.

var myImage = canvas.toDataURL("image/png"); // Get the data as an image.

}

var image = document.getElementById("image"); // Get the image object.

image.src = myImage;

由于关于第二个任务，你救了画布图像后，你可以通过使用Ajax调用上传导致图像到数据库中。 这里是如何使用它的一个简单的例子：

$.ajax({

url: "upload.php",

type: "POST",

data: formdata,

processData: false,

contentType: false,

success: function (res) {

document.getElementById("response").innerHTML = res;

}

});

对于一个完整的例子看到这些文章：

http://net.tutsplus.com/tutorials/javascript-ajax/uploading-files-with-ajax/

http://coursesweb.net/ajax/upload-images