Flutter-Path对象
2022-06-28 本文已影响0人
阿博聊编程
配图来自网络,如侵必删
我们在Flutter
的使用自定义画布的时候,我们肯定会接触到Path
对象。这篇博客主要来分享Path
对象相关的知识,希望对看文章的小伙伴有所启发。
Path绘制属性设置
1.画笔的颜色:
Paint paint = Paint()
..color = Colors.red;
2.画笔笔触类型:
Paint paint = Paint()
..strokeCap = StrokeCap.round;
3.是否启动抗锯齿:
Paint paint = Paint()
..isAntiAlias = true;
4.设置颜色混合模式:
Paint paint = Paint()
..blendMode = BlendMode.exclusion;
5.设置绘画风格,默认为填充:
Paint paint = Paint()
..style = PaintingStyle.fill;
6.设置颜色渲染模式:
Paint paint = Paint()
..colorFilter = ColorFilter.mode(Colors.blueAccent,BlendMode.exclusion);
7.设置模糊遮罩效果:
Paint paint = Paint()
..maskFilter = MaskFilter.blur(BlurStyle.inner, 3.0);
8.设置颜色渲染模式的质量:
Paint paint = Paint()
..filterQuality = FilterQuality.high;
9.设置画笔的宽度:
Paint paint = Paint()
..strokeWidth = 5.0;
Path绘制方法
绘制方法 | 方法作用 |
---|---|
moveTo | 把绘制的七点移动到指定的位置。 |
lineTo | 从起点绘制一条直线到 lineTo 里面指定的一个点 |
quadraticBezierTo | 绘制二阶贝塞尔曲线 |
cubicTo | 绘制三阶贝塞尔曲线 |
conicTo | 绘制二次曲线 |
arcTo | 绘制弧线 |
addRect | 绘制矩形 |
addOval | 绘制椭圆 |
addArc | 绘制弧线 |
addPolygon | 绘制多边形 |
addRRect | 绘制圆角矩形,圆角弧度由最后一个参数控制 |