如何在颤动透明的png上应用滤色器？答案

【问题标题】：How to apply a color filter on a png with transparency on flutter?如何在颤动透明的png上应用滤色器？
【发布时间】：2020-12-05 06:18:06
【问题描述】：

我正在尝试绘制具有透明背景的 .png：

我做到了：

              RotatedBox(
                      quarterTurns: 2,
                      child: ColorFiltered(
                        child: Image.asset('metronome_off.png', height: 25),
                        colorFilter: ColorFilter.mode(
                            Colors.yellow, BlendMode.exclusion),
                      ))

并尝试了所有可能的BlendMode. 类型。在所有这些中，图像都会被绘制，但背景也会被绘制。如何只绘制图像？

使用一些绘图工具在 Flutter 中制作这个梯形会更好吗？我想这太难了。

【问题讨论】：

能否上传图片最终结果需要吗？
@mam_65 这是我得到的imgur.com/a/rDAPmtY

标签： flutter dart

【解决方案1】：

如果我理解正确，但如果不正确，请告诉我理解它。试试这个代码：

ColorFiltered(
colorFilter: ColorFilter.mode(Colors.yellow, BlendMode.srcATop),
 child: RotatedBox(quarterTurns: 2, child: Image.asset("metronome_off.png",height: 25)),)

【讨论】：