firefox - 将 HTML 5 Canvas 保存到 Chrome 中的文件？

Question

保存 PNG(等)在 this demo 中工作在 Firefox 中，但不是 Chrome。

在 Firefox 和 Chrome 中转换为 PNG(等)。

有没有办法*在 Chrome* 中将 Canvas 元素的图像保存到本地文件或服务器？

Answer 1

最简单的方法是使用 toDataURL() 函数。

假设你有一个 Canvas :

var canvas =  document.getElementById("myCanvas");

然后，使用 ID 为“saveButton”的按钮，您可以使它弹出一个 Canvas 为 png 的新窗口，用户可以保存该页面。

document.getElementById("saveButton").onClick = function() {
    window.open(canvas.toDataURL());
}