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

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

小云云
小云云原创
2018-05-19 15:49:133079浏览

本文主要和大家分享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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn