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

Can I merge z-index layers into a single image?

本文关键字：单个图像合并索引我可以更新时间：2023-09-26

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

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

有没有一种方法可以对这个空间进行屏幕截图，这样用户就可以"保存"他们的选择？

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

谢谢！

如果使用<canvas>，则可以使用.getAsDataUrl( )，将层的内容提交到后端，并使用ImageMagik等库将它们合并并提供新图像。

否则，我不确定你是如何实现绘图效果的，但你可以"记录"所有发生的绘图事件，然后当你想合并图层时，你可以在目标div上"回放"事件，然后删除原始div。

您还可以添加代码，将两个（或多个）div本质上"链接"在一起，并使它们表现为一体。当你隐藏任何链接的div时，它们都会隐藏，如果你重新排列它们的z索引，你会将它们作为一个组移动。对于用户来说，它们似乎只是一层。