cs 命令（CS命令符）
假如没有读过上一篇文章，可以点击以下链接观看，循序渐进，体验更好
进入主题前，先复习svg坐标系，x轴水平向右，y轴垂直向下
在前一篇文章中，我们已经了解了D属性的M、L、H、V、接下来，A命令将继续理解剩余命令
由描述路径的一系列命令数据组成的路径数据主要定义
cs 命令
命令数据主要由命令和命令参数组成，空间或逗号(英文逗号)可以在多个命令参数之间分开
该命令用于绘制二次贝塞尔曲线
Q | q后可跟四个参数：x1：控制点横坐标位置y1：控制点纵坐标位置x：终点横坐标位置y：纵坐标位置的终点
四个参数两两一组，分别表示控制点坐标和终点坐标
二次贝塞尔曲线实际上是由起点、控制点和终点通过一定的规则操作决定的，其中起点由上次绘制的终点决定
其数学公式如下：
本质上是一系列点的集合
以下是二次贝塞尔曲线的绘制动画:
接下来，提取其中一帧进行标记分析，如下
贝塞尔曲线由一系列目标点BT组成，如图所示
目标点BT由Qa和QB两点决定，两点连接 点，其中
Qa由起点和控制点决定，QB由控制点和终点决定，两点连接 处的点
因此，可以得出结论，贝塞尔曲线的绘制过程是：在中间，每次将相邻两点连接作为新的控制点，继续将相邻两点连接作为下一个新的控制点递归，最终得到唯一的新控制点，即形成贝塞尔曲线的点
起点和终点之间不需要连线计算
该流程也适用于高级贝塞尔曲线
使用二次贝塞尔曲线进行论证。两个新的控制点可以通过三个点的一次计算得到。只有通过使用新的控制点进行另一次计算，才能得到唯一的控制点，并计算出每个下方唯一的控制点。集成的线是二阶贝塞尔曲线
当然，以上只是为了帮助理解贝塞尔曲线的生成过程，知道为什么，如果你不想理解，你可以正常使用贝塞尔曲线
言归正传，下面给出几个命令的例子：
如果你想知道命令是什么样子的，你可以在svg文件中自己操作
该命令用于平滑二次贝塞尔曲线
T | t后可跟两个参数：x：终点水平坐标位置y：纵坐标位置的终点
其实这个命令本质上也是用来画二次贝塞尔曲线的，可以算是Q命令的简化版。
曲线只需要一个终点坐标，但实际上仍然是由起点、控制点和终点生成的。其中，控制点是由上次绘制的控制点对称生成的终点中心
因此，T命令只能在Q或T命令后使用。如果它单独出现或在其他命令后出现，控制点将与起点一致，绘制效果将是直线
上图是曲线路径的示例图，由一个Q和两个T命令组成。T命令只需给出终点坐标。控制点2由控制点1绕终点1中心对称生成，控制点3由控制点2绕终点2中心对称生成
例：
该命令用于绘制三次贝塞尔曲线
C | c后可跟踪6个参数：x1：控制点1横坐标位置y1：控制点1纵坐位置x2：控制点2横坐标位置y2：控制点2纵坐标位置x：终点横坐标位置y：纵坐标位置的终点
三次贝塞尔曲线比二次贝塞尔曲线多一个控制点，因此有6个参数
也就是说，从起点，控制点1、控制点2和终点决定生成，生成方法与上面的二次贝塞尔曲线相似
数学公式为：
以下是一幅生成三次贝塞尔曲线的普通动画：
具体描述不再重复
该命令用于平滑三次贝塞尔曲线
S | s后可跟四个参数：x1：控制点2横坐标位置y1：控制点2纵坐标位置x：终点横坐标位置y：纵坐标位置的终点
它是C命令的简化版本，只需指定一个控制点2和终点坐标即可
但其本质仍然是画三次贝塞尔曲线，实际上是从起点，控制点1、控制点2和终点决定生成，其中控制点1由上次绘制的控制点对称生成(即根据上次命令的控制点2对前次命令的终点中心对称决定)
上图为曲线路径示例图，由一个C和两个S命令组成，其中S命令只给出控制点2和终点坐标，控制点B1由控制点A2绕终点A中心对称生成，控制点C1由控制点B2绕终点B中心对称生成
例：
该命令用于封闭路径，大小写字母，不需要跟随参数
命令将从当前位置到起点画一条直线闭合整个path
通常放在d属性命令数据的末尾
绝对： 指数值绝对针对坐标
相对： 指数值相对于上一点
对于d属性的命令，通常有大写字母和小写字母。大写表是绝对的，小写表是相对的
贝塞尔曲线： 它是一种数学曲线，它有 灵活、平滑、可编辑 其特点非常适合描述曲面形状、处理图形变形、模拟运动轨迹等场景
