#科技#在Flutter中，绘图需要用到CustomPaint和CustomPainter，CustomPainter可理解为画板，承载画布，CustomPaint可理解为画布，承载绘制的具体内容。
画布（Canvas）顾名思义就是用来在上面画图形，如绘制点、线、路径、矩形、圆形、以及添加图像等。
画笔（Paint）用来决定在画布上绘制图形的颜色、粗细、是否抗锯齿、笔触形状以及作画风格等等。
基本图片包括点、线、矩形（正方形、长方形）、弧、椭圆等等，绘制功能需要结合CustomPaint和CustomPainter来实现。
通过canvas画布的方法drawRect可以用来绘制矩形，如下图所示是绘制的一个矩形：
核心实现代码如下：
绘制矩形的核心内容主要是创建Rect矩形，方式二是通过Rect的静态方法fromLTWH根据设置左上角的点与矩形宽高来绘制，坐标分析如下图所示，这样创建出来的矩形实际width为参数三配置的值，height为参数四配置的值，代码如下：
方式三是通过Rect的静态方法fromCircle根据圆形来绘制正方形，如下图所示，这里参考的圆形为所要绘制的正方形的内切圆，代码实现如下：
方式四是通过Rect的静态方法fromCenter根据中心点来绘制矩形，如下图所示，代码如下：
方式五是通过Rect的静态方法fromPoints来创建矩形，fromPoints需要两个点，矩形的左上角的点与右下角的点：
通过canvas的drawRRect方法来绘制圆角矩形，如下图所示，是绘制圆角矩形，基本使用代码如下：
创建圆角矩形的方法RRect.fromLTRBXY最后两个参数radiusX与radiusY，是用来设置圆角的两个半径的，如下图所示的圆角半径分析图。