蒙版/裁剪图像

Question

在 Flutter 中显示裁剪/蒙版图像的最佳方法是什么？

假设我有一张带有遮罩的图像（例如，具有透明背景的不规则星形）和另一张我想用这颗星星遮盖的图像，这样只有原始图像的星星内部的部分会被渲染.

我的目标是在 Android 上使用 PorterDuffXfermode 之类的东西（此处类似问题 - Android how to apply mask on ImageView?）。

如果是简单的蒙版形状，RenderClipOval 是一种好方法吗？

Answer 1

我会使用 CustomPainter 来绘制它，在绘制图像时将 Paint.BlendMode 设置在您传递给方法的 Paint 上。

请参阅https://docs.flutter.io/flutter/dart-ui/Canvas/drawImageRect.html 和 https://docs.flutter.io/flutter/dart-ui/Paint/blendMode.html 和 https://docs.flutter.io/flutter/widgets/CustomPaint-class.html。