SVG,但已经非常强大了
本来不想写SVG的path的,但是发现需要用到,还是总结一下吧
----
留图镇楼
手撕路径动画:
path变形 变形+旋转
常规动画
?...----
一、SVG的Path
1.SVG中的Path(有点反人类,可忽略)
命令 含义
M/m (x,y)+ 移动当前位置
L/l (x,y)+ 从当前位置绘制线段到指定位置
H/h (x)+ 从当前位置绘制...,水平线到达指定的 x 坐标
V/v (x)+ 从当前位置绘制竖直线到达指定的 y 坐标
Z/z 闭合当前路径
C/c (x1,y1,x2,y2,x,y)+ 从当前位置绘制三次贝塞尔曲线到指定位置
S/...矢量动画--路径动画.png
----
1:路径动画:trimPathEnd
?...SVG弧线
----
五、路径属性动画
好了,知识储备有了,开始画图了,画个箭头和三横还不小case
?