HTML5画布到PNG文件

要将HTML5 canvas转换为PNG，请按照以下步骤操作-

您需要将生成的数据URL添加到<a>标记的href属性。

base64图像的对话框-

<img src="data:image/png;base64,iOBVRw0KGgoAAAANSUhEUg...." class="image" />

添加文件名-

<a download="newimg.png" href="...">

现在定义http 标头-

headers=Content-Disposition: attachment; filename=newimg.png

处理Web浏览器的RAM并降低其利用率-

// generated the data URL dynamically
function myCanvas() {
   var d = canvas.toDataURL('image/png');
   this.href = d;
};
d.addEventListener('click', myCanvas, false);