免費(fèi)AI編程助手
Canvas入門基礎(chǔ)（八）：保存文件
2018-06-19 14:40 更新
在canvas中繪出的圖片只是canvas標(biāo)簽而已，并非是真正的圖片，我們并不能保存，不過(guò)我們可以利用canvas.toDataURL()這個(gè)方法把canvas繪制的圖形生成一幅圖片，生成圖片后，就能對(duì)圖片進(jìn)行相應(yīng)的操作了。
首先我們定義用一個(gè)a標(biāo)簽定義下載的鏈接，然后再給a設(shè)置下載的鏈接。
<a id="download" download="aa.png">下載</a>
var imageURL=canvas.toDataURL("image/jpeg")
//當(dāng)然，你也可以動(dòng)態(tài)的設(shè)置下載的文件名
document.getElementById("download")setAttribute("download","abc.png");
document.getElementById("download").href=imageURL;
當(dāng)然，我們也可以保存為另外的圖片格式：image/png
注意：toDataURL() 是canvas的方法
注意：a的download屬性只有 Firefox 和 Chrome 支持 download 屬性。
以上內(nèi)容是否對(duì)您有幫助：
更多建議：