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;
}