JavaScript 可以利用 Canvas 進行圖片編輯的動作,但是圖片編輯完後要怎麼存檔呢?有一種作法是把圖片轉換成 64位元 的文字狀態。
這樣也可以直接在瀏覽器上呈現喔!
假設 canvas 的 id 是 myCanvas 好了
需要注意的是,如果有載入外部圖片的話,必須要保證圖片在同一個網域裡面否則會有出現錯誤不給轉換
Tainted canvases may not be exported.
這樣也可以直接在瀏覽器上呈現喔!
假設 canvas 的 id 是 myCanvas 好了
var canvas = document.getElementById("myCanvas"); var dataURL = canvas.toDataURL(); console.log(dataURL);
需要注意的是,如果有載入外部圖片的話,必須要保證圖片在同一個網域裡面否則會有出現錯誤不給轉換
Tainted canvases may not be exported.
留言