Javascript 我可以将z索引层合并到单个图像中吗？

我可以将z索引层合并到单个图像中吗

我正在为家庭绘制可视化工具。使用Javascript，我有40个div，都有一个唯一的z索引。在给定的时间，单个空间中有1-4层显示：块（其余层显示：无），在背景图像（房屋）上分层彩色形状

有没有一种方法可以在这个空间中截屏，这样用户就可以“保存”他们的选择

如果这是不可能的，也许我可以保存他们的选择，以预加载颜色组合“加载”或“打开”

谢谢

如果使用

，则可以使用

.getAsDataUrl（）

，将层的内容提交到后端，并使用像ImageMagik这样的库将它们合并并提供新图像

否则，我不确定您是如何实现图形效果的，但您可以在发生时“记录”所有图形事件，然后当您要合并图层时，可以在目标div上“重放”事件，然后删除原始div

您还可以添加代码，将两个（或多个）div“链接”在一起，并使它们作为一个整体运行。隐藏任何链接div时，它们都会隐藏，如果重新排列它们的z索引，则会将它们作为一个组移动。对用户来说，它们似乎只是一个单层