在 Chrome 中将 HTML 5 画布保存到文件中?

2024-01-01

将 PNG(等)作品保存在这个演示 http://www.nihilogic.dk/labs/canvas2image/在 Firefox 中,但在 Chrome 中则不然。

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

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


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

假设你有一个画布:

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

然后,使用 id 为“saveButton”的按钮,您可以让它弹出一个新窗口,画布为 png,用户可以保存该页面。

document.getElementById("saveButton").onClick = function() {
    window.open(canvas.toDataURL());
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Chrome 中将 HTML 5 画布保存到文件中? 的相关文章