Konva - 透明层,但保留背景



我试图从每个圆圈和线条中清除图层(完全删除它(,但将图像保留在背景中。

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

:如何清除图层但避免删除图像?

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

layer.clear()不会从场景中移除对象。它只是透明的画布元素,在下一个layer.draw()所有对象都将再次绘制。

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

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

最新更新