首页 > web前端 > js教程 > js实现将canvas生成图片保存或直接保存一张图片

js实现将canvas生成图片保存或直接保存一张图片

小云云
发布: 2018-05-19 15:49:13
原创
3161 人浏览过

本文主要和大家分享js实现将canvas生成图片保存或直接保存一张图片,希望能帮助到大家。

将canvas数组保存

<span style="font-size: 14px;">function downLoadImage(canvas,name) {<br/>    var a = document.createElement("a");<br/>    a.href = canvas.toDataURL();<br/>    a.download = name;<br/>    a.click();}<br/></span>
登录后复制

canvas:传入canvas的dom对象
name:保存的图片的名字

直接将图片保存的方法

<span style="font-size: 14px;">function downLoadImage(img,name) {<br/>    var a = document.createElement("a");<br/>    a.href = img.src;<br/>    a.download = name;<br/>    a.click();}<br/></span>
登录后复制

img:图片的dom对象
name:保存为图片时的名字

以上是js实现将canvas生成图片保存或直接保存一张图片的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板