<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(); // 下载之后把创建的元素删除
}