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

为处理网页浏览器的 RAM 并减少其利用率 −

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

丹尼尔·托马斯

更新时间：2020 年 6 月 24 日

685 次浏览

启动你的职业生涯

通过完成课程获得认证

开始学习