关于Canvas与Image的互相转换(2)-木庄网络博客

2022-03-05 13:55:02 PHP中文网 JavaScript 百度已收录

假设图像已经在canvas上处理好，那么可以使用以下方法，把canvas转变为图片Image对象。

// 从 canvas 提取图片 image 
function convertCanvasToImage(canvas) { 
//新Image对象，可以理解为DOM 
var image = new Image(); 
// canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持 
// 指定格式 PNG 
image.src = canvas.toDataURL("image/png"); 
return image; 
}

额!图像image和canvas的互相转换比你想象的还要容易,以后我将向你演示不同的图像处理技术，相信在未来你肯定能用这些技术赚到大钱。

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关阅读 >>

html5 canvas的绘制文本自动换行的示例代码

怎样用canvas来绘制弧线和圆

如何在html5画布中绘制文本图形

通过html5中的canvas来绘制一个圆环形进度条

canvas原生实现前端网页移动端签名

h5 canvas api中drawimage(图像进行缩放或裁剪)的使用实例

如何绘制路径-线段

canvas实现的骨骼动画

canvas实现旋转风车的绘制