Как убрать линию, нарисованную с помощью bru sh, без удаления изображения

Question

Я использовал https://konvajs.org/docs/sandbox/Free_Drawing.html в этом первом примере, но также добавил изображение на сцене. Но когда я стираю нарисованную линию, изображение также удаляется. Как я могу это исправить

Answer 1

Демо использует globalCompositeOperation = destination-out для реализации функции стирания. globalCompositeOperation влияет на все рисунки на холсте.

Чтобы решить эту проблему, вы можете использовать еще один Konva.Layer внизу со своим изображением.

Каждый Konva.Layer имеет свой собственный элемент холста. Поэтому на него не влияют фигуры с globalCompositeOperation = destination-out в другом слое.