JS实现HTML5 Canvas图像数据和图片的互相转化

使用JavaScript将图片拷贝进画布

function convertImageToCanvas(image) {
	var canvas = document.createElement("canvas");
	canvas.width = image.width;
	canvas.height = image.height;
	canvas.getContext("2d").drawImage(image, 0, 0);

	return canvas;
}

用JavaScript将画布保持成图片格式

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

 

用JavaScript将Canvas内容转化成图片的方法:http://www.webhek.com/post/convert-canvas-image.html

 

 

 

posted @ 2017-07-18 10:22  lijun8637  阅读(4100)  评论(0编辑  收藏  举报