SVG——路径<path>

在SVG中<path>标签的功能最丰富，单独拉出来写。

其余常用标签在：https://blog.youkuaiyun.com/TSY_1222/article/details/104536572

与折线类似，也是通过给出一系列点坐标来绘制。用法是：给出一个坐标点，在坐标点前面添加一个英文字母，表示是如何运动到此坐标的。

英文字母按照功能可分为五类：

移动类

M=moveto：将画笔移动到指定坐标。

直线类

L=lineto：画直线到指定坐标；

H=horizontal lineto：画水平直线到指定坐标；

V=vertical lineto：画垂直直线到指定坐标。

曲线类

C=curveto：画三次贝塞尔曲线经两个指定控制点到达终点坐标；

S=shortand/smooth curveto：与前一条三次贝塞尔曲线相连，第一个控制点为前一条曲线第二个控制点的对称点，只需输入第二个控制点和终点，即可绘制一个三次贝尔赛曲线；

Q=quadratic Bezier curveto：画二次贝塞尔曲线经一个指定控制点到达终点坐标；

T=Shorthand/smooth quadratic Bezier curveto：与前一条二次贝塞尔曲线相连，控制点为前一条二次贝尔赛曲线控制点的对称点，只需输入终点，即可绘制一个二次贝尔赛曲线。

弧线类

A=elliptical arc：画椭圆曲线到指定坐标。

闭合类

Z=closepath：绘制一条直线连接终点和起点，用来封闭图形。

注：大写英文字母，表示坐标系中的绝对坐标；小写英文字母，表示坐标系中的相对坐标(相对当前画笔