javascript - Konva - 清除图层但保留背景

Question

我试图清除每个圆圈和线条的图层(将其完全删除)，但将图像保留在背景中。

如果我使用layer.clear()，它也会删除图像。

问题:如何清除图层但避免删除图像？

https://codesandbox.io/s/sharp-night-t4vtt

Answer 1

layer.clear() 不会从场景中删除对象。它只是透明的 Canvas 元素，在下一个 layer.draw() 上，所有对象将再次绘制。

您需要删除不再需要的对象，而不是layer.clear()。从演示中，我发现您需要删除直线和圆圈。您可以使用layer.find(selector)来查找该节点并销毁它们。

document.getElementById("btn").addEventListener("click", () => {
  layer.find('Line').destroy();
  layer.find('Circle').destroy();
  layer.draw();
});