kineticjs - 如何让用户在 kineticjs 中删除一组对象？

Question

我在动态画布上有各种可拖动组。我需要让用户删除其中一些组。

第一个问题是如何从画布中实际删除组（及其所有部分）。

第二个是使用什么样的 UI 交互来允许用户这样做。我正在考虑绑定dragend，检查一些条件（例如对象的位置，或一些模态变量），如果满足条件则删除组。有更好的建议吗？

Answer 1

嗨，我认为你可以删除一个组的所有元素

yourGroup.removeChildren();

之后（或之前）你可以这样做：

yourGroup.getParent().remove(yourGroup);

要从中删除组是 parent.strong 文本。

对于交互，它真的取决于你在做什么，有一个垃圾桶图标并拖动元素看起来像android中的界面。你也可以有一个“编辑模式”。当您处于编辑模式时，您选择您继续工作的组，然后在某个按钮中选择一个操作。像删除，复制...这种类型的界面看起来像一个ipad...

Answer 2

关于您关于“删除”的问题——是的，节点实际上已被删除。如果你想自己检查一下，console.dir(stage) 在使用 remove() 或 destroy() 之前和之后——任何一个都做同样的事情——然后你会看到节点完全消失了。相反，如果您打算保留它以供以后使用，请改用 hide()。

关于“在垃圾桶上测试拖放的方法”，请查看这篇文章： 拖动碰撞