svg自定义路径运动轨迹




    
    Title
    
    



原理就是将svn的长度平分100次,每100ms走一次,每次的坐标通过 path.getPointAtLength(totalLength/STEP * curStep)计算,然后通过js控制小车的位置。
通过setimeout可以配置小车运动的快慢,还可以通过缓动函数,使小车具有惯性。

转自链接:https://www.jianshu.com/p/394d8955eed5

你可能感兴趣的:(svg自定义路径运动轨迹)