html - KineticJS 图层分层

Question

我有一个阶段和 4-5 层，每一层都有图像和形状。每次我在图层中添加一个对象时，该图层都会占用更大的 z-index 、 index 并位于其他图层的顶部。

.moveToTop .setZIndex 或其他功能不适用于图层。我使用最新版本 4.3.0 对其进行了测试。
如何定义图层的 z-index 并在每次添加/编辑对象时保持这种状态？

请帮忙。

Answer 1

首次创建图层时，您有：

layer1 = new Kinetic.Layer();
layer2 = new Kinetic.Layer();

然后将它们添加到舞台：

stage.add(layer1);
stage.add(layer2);

这个添加到阶段最初定义了您的 z-index；

要更改索引，您必须执行 layer1.remove() 以将其从舞台上移除，然后再次添加以将其置于顶部。