So speichern Sie das von Canvas generierte Bild in js

下面我就为大家分享一篇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计算买100只鸡问题

在Angular4中实现DOM属性绑定

使用Vue2.x如何实现JSON树

在Angular4中有关CLI的安装与使用教程

Das obige ist der detaillierte Inhalt vonSo speichern Sie das von Canvas generierte Bild in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!