如何在不删除图像的情况下删除用画笔绘制的线条

Question

我在第一个示例中使用了https://konvajs.org/docs/sandbox/Free_Drawing.html，但还在舞台上添加了图像。 但是当我删除画线时，图像也被删除了。 我该如何解决这个问题

Answer 1

该演示使用globalCompositeOperation = destination-out 来实现擦除功能。 globalCompositeOperation 影响画布中的所有绘图。

要解决此问题，您可以在图片底部使用另一个 Konva.Layer。

每个Konva.Layer 都有自己的画布元素。所以它不会受到另一层有globalCompositeOperation = destination-out的形状的影响。