canvas画布导出为图片

toDataURL

这是canvas元素上的API
方法返回一个包含图片展示的 data URI
语法:
canvas.toDataURL(type, encoderOptions);

type | 可选
	图片格式,默认为 image/png
encoderOptions | 可选
	在指定图片格式为 image/jpeg 或 image/webp的情况下,
	可以从 0 到 1 的区间内选择图片的质量。
	如果超出取值范围,将会使用默认值 0.92。其他参数会被忽略。
var canvas = document.getElementById("canvas");
var dataURL = canvas.toDataURL();
console.log(dataURL);
// "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNby
// blAAAADElEQVQImWNgoBMAAABpAAFEI8ARAAAAAElFTkSuQmCC"
发布了133 篇原创文章 · 获赞 0 · 访问量 1711

猜你喜欢

转载自blog.csdn.net/weixin_43269800/article/details/104335400