Maska/przycinanie obrazu

Question

Jakie jest najlepsze podejście do wyświetlania przyciętego/zamaskowanego obrazu w trybie Flutter?

Powiedzmy, że mam jedno zdjęcie z maską (np. Nieregularny kształt gwiazdy z przezroczystym tłem) i inne zdjęcie, które chcę maskować z tą gwiazdą, aby tylko część znajdująca się wewnątrz gwiazdy oryginalnego obrazu była renderowane.

Dążę do czegoś takiego jak PorterDuffXfermode na Androida (podobne pytanie tutaj - Android how to apply mask on ImageView?).

W przypadku prostych kształtów masek przejście na drogę RenderClipOval jest dobrym pomysłem?

Answer 1

Po prostu pomalowałbym go za pomocą CustomPaintera, ustawiając Paint.BlendMode na Farbie, którą przekazałeś do metody podczas malowania obrazu.

Zobacz https://docs.flutter.io/flutter/dart-ui/Canvas/drawImageRect.html i https://docs.flutter.io/flutter/dart-ui/Paint/blendMode.html i https://docs.flutter.io/flutter/widgets/CustomPaint-class.html.