Question

我正在创建一个应用程序（仅基于HTML，CSS和jQuery），我将在这里创建一个基于图层的图像（只有一堆div，一个在彼此之上）然后我将需要导出它，所以用户可以将最终版本下载为JPG或PNG。

有什么方法可以将画布内容导出为可下载的图像吗？

Answer 1

canvas.toDataURL()

另见：

canvas.toBlob()

Answer 2

据我所知，您无法让浏览器下载自己生成的文件。

但是，您可以使用canvas元素的Canvas.getDataURL()方法。它返回图像数据，作为base64编码的PNG。您可以使用Ajax将其上传到您的服务器，让服务器再次将其转换为普通的PNG文件（甚至是其他文件类型），然后让客户端从服务器下载图像。

我知道这是解决问题的一种奇怪的方式，但应该很容易完成。