flutter - 如何从 Canvas CustomPaint 删除/剪辑？

Question

我已经尝试使用 Canvas.clipPath连同 GestureDetector就像 Canvas 上的橡皮擦，我使用 CustomPaint里面Container与 imageDecoration设置，所以我想也许还有另一种解决方法:使用 Canvas.drawPath沿设置

 final Paint _eraserPaint = Paint()
    ..color = Colors.transparent
    ..blendMode = BlendMode.clear
    ..strokeWidth = 8
    ..style = PaintingStyle.stroke
    ..isAntiAlias = true;

但它画黑线而不是删除

知道如何解决这个问题吗？

谢谢

Answer 1

关键是拨打saveLayer在绘制任何可能需要删除的内容之前。完成后(从而创建一个新图层供您使用)，然后您可以使用任何 Color 进行绘制。填充或绘制 BlendMode.clear擦掉。最后，拨打 restore将新图层“合并”到其他现有图层中。
例如，让我们画一个红色方块并从中减去一个圆圈:

void paint(Canvas canvas, Size size) {
  canvas.saveLayer(Rect.largest, Paint());
  canvas.drawRect(Rect.fromLTWH(0, 0, 80, 80), Paint()..color = Colors.red);
  canvas.drawCircle(Offset(40, 40), 40, Paint()..blendMode = BlendMode.clear);
  canvas.restore();
}

示例结果: