Flutter图片处理成黑白

image.png

借助BlendMode属性可以处理图片的色值，有很多混合方式，官方文档：

https://api.flutter.dev/flutter/dart-ui/BlendMode-class.html

这里只说图片变黑白
方式一，直接设置image里的color和colorBlendMode属性：

Image.asset(
    'img.png',
    fit: BoxFit.cover,
    color: Colors.black,
    colorBlendMode: BlendMode.color,
)

方式二，通过ShaderMask设置blendMode：

ShaderMask(
      shaderCallback: (Rect bounds) {
         return LinearGradient(colors: [Colors.black, Colors.white]).createShader(bounds);
      },
      blendMode: BlendMode.color,
      child: Image.asset(
         'img.png',
         fit: BoxFit.cover,
      ),
)
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容