在Flutter中，繪圖需要用到 CustomPaint 和 CustomPainter， 繪制基本圖片包括點(diǎn)、線、矩形（正方形、長(zhǎng)方形）、弧、橢圓等等，繪制功能需要結(jié)合CustomPaint 和 CustomPainter來實(shí)現(xiàn)，本文章來實(shí)現(xiàn)繪制橢圓功能。

測(cè)試頁面啟動(dòng)函數(shù)：

測(cè)試頁面主內(nèi)容，CustomPaint 中 屬性 painter 來配置的繪制橢圓與圓形的核心代碼：

通過canvas的drawCircle可實(shí)現(xiàn)繪制實(shí)心圓或者是圓環(huán)，基本繪制代碼如下：

配置畫筆Paint的style為PaintingStyle.fill模式，繪制的是實(shí)心圓，PaintingStyle.stroke模式為繪制的圓環(huán)。

繪制橢圓首先需要定義一個(gè)矩形Rect，然后再繪制這個(gè)矩形的內(nèi)切圓，如果這個(gè)矩形正好是個(gè)正方形，那么繪制出來的橢圓也就是個(gè)圓形，通過canvas的drawOval方法來繪制一個(gè)橢圓，如下圖所示:

繪制橢圓核心繪制代碼如下：