Flutter绘图专题 绘制圆形、椭圆形

在Flutter中，绘图需要用到 CustomPaint 和 CustomPainter， 绘制基本图片包括点、线、矩形（正方形、长方形）、弧、椭圆等等，绘制功能需要结合CustomPaint 和 CustomPainter来实现，本文章来实现绘制椭圆功能。

测试页面启动函数：

测试页面主内容，CustomPaint 中 属性 painter 来配置的绘制椭圆与圆形的核心代码：

通过canvas的drawCircle可实现绘制实心圆或者是圆环，基本绘制代码如下：

配置画笔Paint的style为PaintingStyle.fill模式，绘制的是实心圆，PaintingStyle.stroke模式为绘制的圆环。

绘制椭圆首先需要定义一个矩形Rect，然后再绘制这个矩形的内切圆，如果这个矩形正好是个正方形，那么绘制出来的椭圆也就是个圆形，通过canvas的drawOval方法来绘制一个椭圆，如下图所示:

绘制椭圆核心绘制代码如下：