页面上下载canvas中的内容作为图片

使用如下代码，获得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);