javascript - 下载多层画布图像js的最佳方法

Question

给定一个使用多层 HTML 画布的 Web 绘图应用程序。

用户需要保存他的工作（下载）。

由于某些绘画工具算法需要图层保持独立，因此仅将所有画布堆叠在一个图像中是不可能保存的。

下载后，理想的文件会附带最终作品的缩略图，单击时会像图像一样查看（png、jpeg...）（文件资源管理器默认轮播或浏览器）。

当在 web 绘画应用程序上重新上传时，文件数据可用于恢复画布层。

我考虑了2个选项：

• .png 文件，其中包含图层的元数据（可能是不好的做法）。

• 包含所有相关代码的 .html 文件 =>如何使用 js 设置此文件的文件浏览器缩略图？ （默认是浏览器图标）如果这不可能，是否有解决方法？

需要明确的是，这就是我所说的文件资源管理器缩略图：

不想要

通缉

标签： javascripthtmlcanvasdownloadthumbnails