KineticJS 形状在图像上答案

【问题标题】：KineticJS shape over imageKineticJS 形状在图像上
【发布时间】：2013-01-23 15:34:02
【问题描述】：

我想在图像上绘制一些形状。

图像加载并添加到图层后，我使用 moveToBottom() 函数，该函数适用于形状但似乎不适用于图像。

我尝试在形状上使用 moveToTop()，但仍然没有成功。

重要提示：我必须将它们保持在同一层，因此将图像放在另一层的明显解决方案不是一种选择。

【问题讨论】：

【解决方案1】：

http://jsfiddle.net/hukNL/

这个概念表明分层函数是有效的，所以错误出现在代码的其他地方。

首先，您要使用最新的 KineticJS 4.3.1，然后您要确保在拖动图像时禁用将它们放置在新版本中现在提供的 dragOnTop 层中。最后，如果没有其他工作，那么您可以通过使用以下命令检查每个项目的 z-index 来手动调试代码：

 .getZIndex()

另外，如果您需要更多帮助，请发布一些代码，以便其他人可以帮助您调试它。

【讨论】：

我发现了部分问题。这些图像位于一个 Group 元素中，该元素似乎有一些非常奇怪的行为。 img.getParent().getChildren() 给了我一个元素列表，但 img 本身不是其中之一，我觉得这很奇怪。我现在设法通过将 img.getParent().getChildren()[0] 移动到底部而不只是 img 来修复它。我真的不知道为什么会这样，但目前我很高兴它有效。