在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計算買100隻雞問題

#在Angular4實作DOM屬性綁定

#使用Vue2.x如何實作JSON樹

在Angular4中有關CLI的安裝與使用教學

#

以上是在js中如何將canvas產生圖片儲存的詳細內容。更多資訊請關注PHP中文網其他相關文章！