将canvas保存图片到本地

<canvas id="canvas" width="400" height="400"></canvas>
<div>
    <button id="save">保存</button>
</div>

js:

document.getElementById("save").onclick = function (){
     
    downLoad(saveAsPNG(canvas));//已经画好的canvas
}
 
// 保存成png格式的图片
function saveAsPNG(canvas) {
     
    return canvas.toDataURL("image/png");
}
function downLoad(url){
     
    var oA = document.createElement("a");
    oA.download = '';// 设置下载的文件名，默认是'下载'
    oA.href = url;
    document.body.appendChild(oA);
    oA.click();
    oA.remove(); // 下载之后把创建的元素删除
}