使用如下代码，获得Canvas图像对应的data URI，也就是平常我们所说的base64地址
var dataUrl = document.getElementById("canvasId").toDataURL("image/png");
然后将dataUrl作为参数，调用下面的方法就可以直接下载图片了。
function downLoad(url){ var oA = document.createElement("a"); oA.download = ‘‘;// 设置下载的文件名，默认是‘下载‘ oA.href = url; document.body.appendChild(oA); oA.click(); oA.remove(); // 下载之后把创建的元素删除 }
downLoad(dataUrl);
原文：https://www.cnblogs.com/TheoryDance/p/13926226.html