使用KineticJS删除绘制的对象

Question

希望这里有个简单的问题：

假设我使用KineticJS绘制一条线，如下所示：

var redLine = new Kinetic.Line({
      points: [73, 70, 340, 23, 450, 60, 500, 20],
      stroke: "red",
      strokeWidth: 15,
      lineCap: "round",
      lineJoin: "round"
    });

它已添加到已添加到舞台的图层中。

但是，现在我需要完全删除此行，好像它从来没有对某些用户事件做出反应一样。 我该怎么做呢？

Answer 1

container.remove()从其父容器中删除该容器，而container.removeChildren()从该容器中删除所有子容器。 他们都不接受任何参数。

请记住在删除图层后重新绘制它。

Answer 2

layer.remove（）删除您的图层...要删除单个形状，请使用shape.remove（），我在任何地方都找不到它的文档，但是显然可以使用...

Answer 3

我最好的解决方案是使用一种简单的方法：shape.hide（）; 这种方法隐藏了该形状，并将其从图形中“删除”，您将不再看到它，但是我认为该形状仍然存在，还不能完全确定。

Answer 4

假设您的图层如下所示：

var layer = new Kinetic.Layer(....);

从图层中删除redLine ：

layer.remove(redLine);