美文网首页
Flutter图片处理成黑白

Flutter图片处理成黑白

作者: 倪大头 | 来源:发表于2021-06-07 08:54 被阅读0次
    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,
          ),
    )
    

    相关文章

      网友评论

          本文标题:Flutter图片处理成黑白

          本文链接:https://www.haomeiwen.com/subject/eriqeltx.html