rect中的x, y 属性定义矩形的左侧和顶侧的位置
rect中的rx 和 ry 属性可使矩形产生圆角
rect中的width 和 height 属性可定义矩形的高度和宽度
cx 属性定义圆心的 x 坐标
cy 属性定义圆心的 y 坐标
rx 属性定义水平半径
ry 属性定义垂直半径
x1 属性在 x 轴定义线条的开始
y1 属性在 y 轴定义线条的开始
x2 属性在 x 轴定义线条的结束
y2 属性在 y 轴定义线条的结束
polygon创建不少于三个边的图形,需要至少三个坐标点
points 属性定义多边形每个角的 x 和 y 坐标: points="x1,y1 x2,y2 x3,y3"
polyline 标签用来创建仅包含直线的形状
points 属性定义折线每个角的 x 和 y 坐标: "x1,y1 x2,y2 x3,y3"
M: (moveto)命令用于移动画笔到指定的坐标位置,而不画出任何线条。M x,y
L: (lineto)命令用于从当前点画一条直线到指定的坐标位置。L x,y
H: (horizontal lineto)命令用于从当前点画一条水平线到指定的x坐标位置 H x
V: (vertical lineto)命令用于从当前点画一条垂直线到指定的y坐标位置 V y
C: (curveto)命令用于画贝赛尔曲线,需要三个控制点C x1,y1 x2,y2, x,y
Q: (quadratic Belzier curve)命令用于画二次贝赛尔曲线,需要一个控制点和一个终点Q x1,y1 x,y
S: (smooth curveto)命令用于画平没的三次贝赛尔曲线,用上一个控制点的反射点作为第一个控制点S x2,y2 x,y
T: (smooth quadratic Belzier curveto)命令用于画平滑的二次贝赛尔曲线,用上一个控制点的反射点作为控制点 T x,y
A: (elliptical Arc)命令用于画椭圆弧,需要定义椭圆的半径、旋转角度、起点和终点等参数A rx,ry x-axis-rotation large-arc-flag, sweep-flag x,y
Z: (closepath)命令用于关闭当前路径,画一条从当前点到起点的直线
cx、cy 和 r 属性定义外圈,而 fx 和 fy 定义内圈 渐变的颜色范围可由两种或多种颜色组成
使用<image>插入位图
使用<image>插入位图,用clip-path修剪✂️
使用 <mask> 实现贴图遮罩
使用<pattern>创建纹理填充