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

转载于 2017-07-18 10:22:00 发布 · 625 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ljbkyBlog/p/7199047.html

文章标签：

#javascript #人工智能 #ViewUI

使用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

转载于:https://www.cnblogs.com/ljbkyBlog/p/7199047.html