Flutter 绘图 Paint strokeCap 延伸类型 strokeJoin 拐角类型 图文分析

155 阅读1分钟

在 Flutter 绘图中,必然要使用一画笔,一般画笔的创建方法如下

  //[定义画笔]
  Paint _paint = Paint()
    //画笔颜色
    ..color = Colors.blue
    //画笔笔触类型
    ..strokeCap = StrokeCap.round
    //拐角类型
    ..strokeJoin=StrokeJoin.round
    //是否启动抗锯齿
    ..isAntiAlias = true
    //颜色混合模式
    ..blendMode = BlendMode.exclusion
    //绘画风格,默认为填充
    ..style = PaintingStyle.fill
    //颜色渲染模式,一般是矩阵效果来改变的,但是flutter中只能使用颜色混合模式
    ..colorFilter = ColorFilter.mode(Colors.blueAccent, BlendMode.exclusion)
    //模糊遮罩效果,flutter中只有这个
    ..maskFilter = MaskFilter.blur(BlurStyle.inner, 3.0)
    //颜色渲染模式的质量
    ..filterQuality = FilterQuality.high
    //画笔的宽度
    ..strokeWidth = 15.0;

其中 Paint 的属性 strokeCap 是用来配置绘制结尾处延伸类型的,如下图所示:

在这里插入图片描述

其中 Paint 的属性 strokeJoin 是用来配置绘制拐角类型的,如下图所示:

在这里插入图片描述 如果你在绘制中要处理精美的图形,就必须要清楚这两个属性配置。


【x1】微信公众号的每日提醒 随时随记 每日积累 随心而过 文章底部扫码关注

【x2】各种系列的视频教程 免费开源 关注 你不会迷路

【x3】系列文章 百万 Demo 随时 复制粘贴 使用

【x4】简短的视频不一样的体验


不局限于思维,不局限语言限制,才是编程的最高境界。

以小编的性格,肯定是要录制一套视频的,随后会上传

有兴趣 你可以关注一下 西瓜视频 --- 早起的年轻人

在这里插入图片描述