將 canvas 轉為圖檔並下載

紀錄一下新工作第一個討論到的問題

”把手寫簽名轉存成圖檔下載“

// 在此建立一個空的 canvas 
var canvas = $('<canvas>');

// 把 canvas 轉成 base64(DataURL) 型態
var imageData = canvas[0].toDataURL("image/png");

// 建立一個 a 讓使用者可以點擊下載
var a = $('<a>').attr('href', imageData).attr('download', 'name.png');


// 把 a 放到網頁上點擊試試看，會下載一個名為 name.png 的空白檔案
$('body').append(a);

下載下來的圖檔是沒有內容的，你可以照你的方式編輯 canvas 之後在下載下來就有內容了