欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-13 12:42:39
...

本文主要和大家分享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生成图片保存或直接保存一张图片的详细内容,更多请关注其它相关文章!