HTML5画布到PNG文件
要将HTML5canvas转换为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);