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

时间：2020-11-04 16:21:55 收藏：0 阅读：40

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