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 属性规定被下载的超链接目标。