我可以将 z-index 图层合并到单个图像中吗？
我正在开发一款家庭绘画可视化工具。使用 Javascript，我有 40 个 div，全部都有唯一的 z-index。在给定时间，单个空间中的 1-4 层为 display:block(其余为 display:none)，将彩色形状分层在(房屋的)背景图像上。
有没有一种方法可以对这个空间进行屏幕截图，以便用户可以“保存”他们的选择？
如果这是不可能的，也许我可以保存他们的选择以预加载颜色组合“加载”或“打开”？
谢谢!
最佳答案
如果您使用<canvas>那么你可以使用.getAsDataUrl( ) ，将图层内容提交到后端并使用 ImageMagik 等库来合并它们并提供新图像。
否则，我不确定你是如何实现绘图效果的，但是你可以“记录”所有发生的绘图事件，然后当你想要合并图层时，你可以“重播”事件目标div，然后删除原始div。
您还可以添加代码，将两个(或多个)div 本质上“链接”在一起，并使它们表现得像一个。当您隐藏任何链接的 div 时，它们都会隐藏，如果您重新排列它们的 z-index，则会将它们作为一个组移动。对于用户来说，它们似乎只是一个层。
关于javascript - 我可以将 z-index 图层合并到单个图像中吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6258468/