KineticJS：image.destroy（）不会破坏Kinetic.Image和group.destroy（）导致无限循环

Question

在过去的几天里，我面对KineticJS和我的Web应用程序一个非常奇怪的问题：

通常，我的应用程序由Kinetic.Group表示的几个“页面”组成。 除一组以外的所有组都是偏移的，这意味着不可见。 不可见的组都被临时添加到单独的Kinetic.Layer （用于缓存等），唯一可见的页面被添加到另一个Kinetic.Layer以使其具有交互性。

所有页面（或Kinetic.Group ）都存储在一个数组中（因为没有固定的数量），并按如下方式进行访问： activelayer.add(pages[1]); 。

到目前为止一切都很好，但是当我试图破坏Kinetic.Shape就像图像一样时，它并不会破坏图像，这意味着它仍然存在，可见且可交互。 在下一步中，我想破坏整个“临时” Kinetic.Layer ，这导致了无限循环并导致浏览器崩溃。

到目前为止，我已经研究了KineticJS的destroy功能，并发现了go._removeID(this.getId()); 和go._removeName(this.getName(), this.getId()); 函数仅接收undefined值。

与上述页面无关的销毁层可以正常工作。

任何帮助都将不胜感激。

Answer 1

您可能多次添加了图层。