如何删除用笔刷绘制的线条,而不删除图像

问题描述 投票:0回答:1

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

html5-canvas erase konvajs brush react-konva
1个回答
0
投票

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

要解决该问题,您可以在图像的底部使用另一个Konva.Layer

每个Konva.Layer有其自己的canvas元素。因此它将不受另一层中带有globalCompositeOperation = destination-out的形状的影响。

© www.soinside.com 2019 - 2024. All rights reserved.