我需要创建一个弧形图如下:
我使用 Canvas 创建了这个:
我的代码:
class CustomChartPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
Rect drawingRect = Rect.fromCircle(center: Offset(size.width / 2, size.height / 2), radius: size.width / 2);
final Paint paint2 = Paint();
paint2.color = const Color.fromRGBO(0, 0, 0, 0.04);
paint2.style = PaintingStyle.stroke;
paint2.strokeWidth = 50;
canvas.drawCircle(Offset(size.width / 2, size.height / 2), size.width / 2, paint2);
canvas.drawArc(drawingRect,
-pi / 2 + 0.35,
pi - 0.35,
false,
greenPaint);
canvas.drawArc(drawingRect,
pi / 2 + 0.35,
pi - 0.35,
false,
orangePaint);
}
}
如何圆弧的边缘,如第一张图片所示?
最佳答案
正如@pskink 提到的,解决方案是使用 Paint.strokeCap
,更准确地说:paint.strokeCap = StrokeCap.round
关于flutter - 如何在 flutter 中圆弧边?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60090429/