js 画布与图片的相互转化(canvas与img)

使用js将图片拷贝进画布

//将图片对象转化为画布，返回画布
function ImageToCanvas(image) {
var canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
canvas.getContext("2d").drawImage(image, 0, 0);//0, 0参数画布上的坐标点，图片将会拷贝到这个地方
return canvas;
}

 

使用js将画布转化为图片

//将画布转化为图片

function canvasToImage(canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/png");

//在此处也可使用js的appendChild()方法将此img加入html页面

//return image;
}

 

 

参考地址：http://blog.csdn.net/muzi187/article/details/53020172