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