HTML5 画布转换为 PNG 文件

要将 HTML5 画布转换为 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);

丹尼尔·托马斯

更新于: 20-6-2020

685 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始