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

ttx9n · 发表于 2018-1-2 14:20:34

下面小编就为大家分享一篇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生成图片保存,或直接保存一张图片的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

0608fv3 · 发表于 2022-10-19 04:05:31

额风风风微风微风违法

lsc54 · 发表于 2022-10-24 13:12:27

老大你好你好好你好

plvo189 · 发表于 2022-12-5 12:55:52

女生看了弄丢了卡萨诺的卡洛斯

5cf304mn2 · 发表于 2023-6-30 13:23:53

还有人在不。。。。。。。。。。啊

qzdhcgs · 发表于 2023-8-24 00:07:15

哦哦哦哦哦哦哦哦哦

匿名 *发表于 2023-8-24 00:09:00* · 发表于 2023-8-24 00:09:00

lsc54 ·±нУЪ 2022-10-24 13:12
АПуДгГДгГГДгГ

small loans
<a href="https://planloansonline.com/">payday loans</a>

匿名 *发表于 2023-8-24 00:09:28* · 发表于 2023-8-24 00:09:28

payday loans
<a href="https://planloansonline.com/">payday loan</a>

匿名 *发表于 2023-8-24 00:11:14* · 发表于 2023-8-24 00:11:14

0608fv3 ·±нУЪ 2022-10-19 04:05
о·з·з·зО·зО·зО·Ё

payday loan
<a href="https://planloansonline.com/">payday loans online</a>

匿名 *发表于 2023-8-24 00:11:49* · 发表于 2023-8-24 00:11:49

payday loan
<a href="https://planloansonline.com/">payday loans</a>

账号		自动登录	找回密码
密码			立即注册

[JavaScript] js 将canvas生成图片保存,或直接保存一张图片的实现方法