將 canvas 轉換成 64encode 的文字狀態

JavaScript 可以利用 Canvas 進行圖片編輯的動作,但是圖片編輯完後要怎麼存檔呢?有一種作法是把圖片轉換成 64位元 的文字狀態。

這樣也可以直接在瀏覽器上呈現喔!

假設 canvas 的 id 是 myCanvas 好了

var canvas = document.getElementById("myCanvas");
var dataURL = canvas.toDataURL();
console.log(dataURL);



需要注意的是,如果有載入外部圖片的話,必須要保證圖片在同一個網域裡面否則會有出現錯誤不給轉換

Tainted canvases may not be exported.


留言