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

问题描述

| 我可以将z-index图层合并到一个图像中吗？ 我正在为房屋制作绘画可视化工具。使用Javascript，我有40个div，所有div都有唯一的z-index。在给定的时间，在单个空间中显示1-4层（其余显示：无），在（房屋的）背景图像上分层着色形状。 有没有一种方法可以对这个空间进行屏幕截图，以便用户可以“保存”他们的选择？ 如果无法做到这一点，也许我可以保存他们的选择，以预加载颜色组合“加载”或“打开”？ 谢谢！     

解决方法

        如果您使用

<canvas>

，则可以使用

.getAsDataUrl( )

，将图层的内容提交到后端，并使用ImageMagik之类的库来合并它们并提供新图像。 否则，我不确定您如何实现绘图效果，但是可以“记录”所有发生的绘图事件，然后在要合并图层时可以“重放”目标div上的事件，然后删除原始div。 您还可以添加代码以将两个（或多个）div本质上“链接”在一起，并使它们表现为一个。隐藏任何链接的div时，它们都会全部隐藏，如果重新排列其z索引，则会将它们全部作为一个组移动。对用户而言，它们似乎只是一个单独的层。