canvas保存為圖片

1.把canvas轉為base64編碼的數據

var canvas = document.getElementById('downloadcanvas');
var base64 = canvas.toDataURL("image/png");
//canvas.toDataURL("image/jpeg");
//canvas.toDataURL("image/bmp");

2.生成下載連接

var a = document.createElement("a");
a.download = roomname+'-'+getNowFormatDate();　　//下載的文件名，默認是'下載'
a.href =base64; 
document.body.appendChild(a); a.click(); a.remove();　　//下載之后把創建的元素刪除

 

a標簽中的download 屬性規定被下載的超鏈接目標。