html - 使用 CreateJS 定位 Z-Index

Question

我正在尝试为我的线条 Graphic() 设置 z-index。我正在尝试将线设置为始终位于其他两个形状的后面。

据我所知，添加的第一个元素是z=0，第二个是z=1，依此类推。是这样吗？ z=0 是顶部位置还是底部？

我正在尝试使用 stage.setChildIndex(element, z-level) 更改他们的 z 位置，对吗？

谢谢。

Answer 1

1) 索引越低，“后面”的项目越多，所以:0 = bottom 还请记住，如果您尝试类似这样的操作，setChildIndex 将会失败:container.setChildIndex(child,500) 如果您只有 4 个 child ，那么您想要的索引将 child 设置为不得超出范围。这意味着如果您想对它们进行排序，您应该从最低索引(通常为 0)开始。

2) 或者您也可以给您的对象一个属性，例如:child.zIndex = 500; 并编写您自己的排序方法，然后使用 sortChildren-容器的方法，例如:

function sortByZ(a,b) {
    if (a.zIndex < b.zIndex) return -1;
    if (a.zIndex > b.zIndex) return 1;
    return 0;
}

myContainer.sortChildren(sortByZ);

// or a shorter version:
function sortByZ(a,b) {
    return a.zIndex - b.zIndex;
}

这样你就不必担心设置 zIndex，那是越界的。