js中如何将canvas生成图片保存或直接保存一张图片

小编给大家分享一下js中如何将canvas生成图片保存或直接保存一张图片,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

伊州网站建设公司创新互联,伊州网站设计制作,有大型网站制作公司丰富经验。已为伊州上千余家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的伊州做网站的公司定做!

将canvas数组保存

function downLoadImage(canvas,name) {
  var a = document.createElement("a");
  a.href = canvas.toDataURL();
  a.download = name;
  a.click();
}

canvas:传入canvas的dom对象

name:保存的图片的名字

直接将图片保存的方法

function downLoadImage(img,name) {
  var a = document.createElement("a");
  a.href = img.src;
  a.download = name;
  a.click();
}

img:图片的dom对象

name:保存为图片时的名字

以上是“js中如何将canvas生成图片保存或直接保存一张图片”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章标题:js中如何将canvas生成图片保存或直接保存一张图片
分享URL:http://www.hxwzsj.com/article/ieodss.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都网站设计 重庆网站设计 企业网站制作 成都网站设计 成都网站设计 企业网站设计 成都网站建设 专业网站设计 攀枝花网站设计 四川成都网站制作 外贸营销网站建设 营销型网站建设 app网站建设 成都网站建设公司 成都网站建设 上市集团网站建设 营销网站建设 网站制作 成都网站建设公司 重庆网站制作 成都网站建设 网站建设方案