例1:<path d="M100,300 T500,400" style="stroke-width:3px;stroke:#000000;fill:rgba(123,123,123,0.0);"/>
命令:
M 建立画线的起始位置
参数:(x, y),表示当前的画线的起始坐标
L 从当前点出发到指定点画直线
参数:(x, y),表示这条直线的终点坐标,也是从这点出发画新直线的起点
H 从当前点出发向指定坐标画横线
参数x表示这条横线终点的横坐标X值,纵坐标y和前一点的y坐标相同
V 从当前点出发向指定坐标画垂直线
参数y表示这条横线终点的纵坐标y值,横坐标x和前一点的x坐标相同
Z 直线回到画线的起始位置,整个图形形成一个闭合图形
C 画曲线
参数:(c1x c1y, c2x c2y, x y)
Q 画二次贝塞曲线
参数:(x,y x1,y1)
T 映射
参数:(x,y)
S
参数:(x,y x1,y1)
A 画弧线
参数:
rx:弧的半长轴长度;
ry:弧的半短轴长度;
x-axis-rotation:此弧段所在的X轴与水平方向的夹角,即X轴的旋转角度;
large-arc-flag:此参数有两个值,分别为0和1。0代表小角度弧线,1代表大角度弧线;
sweep-flag:此参数也有两个值,分别为0和1。1代表从起点到终点弧线绕中心顺时针方向,0代表逆时针方向;
x,y:弧线的终端坐标。
时间: 2024-10-29 19:07:12