将HTML 5画布保存到Chrome中的文件？

Question

保存PNG(等)在Firefox 中的演示,但不是Chrome.

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

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

Answer 1

最简单的方法是使用该toDataURL()功能.

假设你有一个画布:

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

然后,使用id为"saveButton"的按钮,您可以使用画布作为png弹出一个新窗口,用户可以保存该页面.

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