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（）将其从舞台中删除，然后再次添加以将其置于顶部。