javascript - 使用 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);