js實作將canvas生成圖片儲存或直接儲存一張圖片

本文主要和大家分享js實作將canvas生成圖片保存或直接儲存一張圖片，希望能幫助大家。

將canvas陣列儲存

<span style="font-size: 14px;">function downLoadImage(canvas,name) {<br/>    var a = document.createElement("a");<br/>    a.href = canvas.toDataURL();<br/>    a.download = name;<br/>    a.click();}<br/></span>

#canvas：傳入canvas的dom物件
name：儲存的圖片的名字

直接將圖片儲存的方法

<span style="font-size: 14px;">function downLoadImage(img,name) {<br/>    var a = document.createElement("a");<br/>    a.href = img.src;<br/>    a.download = name;<br/>    a.click();}<br/></span>

#img：圖片的dom物件
name：儲存為圖片時的名字

以上是js實作將canvas生成圖片儲存或直接儲存一張圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！