关于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中文网！

相关阅读 >>

用javascript将canvas内容转化成图片的方法详解

html5中canvas画线有毛边如何解决

canvas的实例--时钟动画

html5中canvas的问题总结

canvas怎么使用

如何使用canvas画一个微笑的表情（代码示例）

基于 html5 canvas 实现的文字动画特效

canvas渐变色：canvas如何实现渐变色的效果？

在canvas中如何实现自定义路径动画？