首頁 > web前端 > js教程 > 在js中如何將canvas產生圖片儲存

在js中如何將canvas產生圖片儲存

亚连
發布: 2018-06-14 10:46:02
原創
3832 人瀏覽過

下面我就為大家分享一篇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中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
javascript - js addClass 無效
來自於 1970-01-01 08:00:00
0
0
0
php呼叫js並取得js的回傳值問題
來自於 1970-01-01 08:00:00
0
0
0
js進階教程
來自於 1970-01-01 08:00:00
0
0
0
找不到js檔案程式碼
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板