JS 導出圖片，toDataURL

//輸出圖片
function exportCanvasAsPNG(id, fileName) {
//獲取canvas元素
var canvasElement = document.getElementById(id);
//圖片類型
var MIME_TYPE = "image/png";
//轉換成base64
var imgURL = canvasElement.toDataURL(MIME_TYPE);
//創建一個a鏈接，模擬點擊下載
var dlLink = document.createElement('a');
dlLink.download = fileName;
dlLink.href = imgURL;
dlLink.dataset.downloadurl = [MIME_TYPE, dlLink.download, dlLink.href].join(':');
console.log(dlLink);
document.body.appendChild(dlLink);
dlLink.click();
document.body.removeChild(dlLink);
}

//var canvas = document.getElementById('fabrictable');
exportCanvasAsPNG('fabrictable','我的搭配');

 

 

弄一個鏈接，模擬點擊