首页 > 开发 > CSS > 正文

接到一个需求,怎么实现路径动画

2017-09-12 09:34:53  来源: 网友分享

如图,黄色渐变线从左到右,慢慢生成,途径指定位置后,圆圈出现。当线出现完整后,在线中滚动滑轮,圆圈会沿着路径往后移动,陆续出现新的圆圈。
怎么实现。。要用svg还是canvas?那条线的渐变效果感觉很难实现。。。。。

解决方案

感觉这里最难的是曲线的点,线经过的点要先定义好,如果要达到图中这样平滑,则需要的点更多。这样的线条的阴影,渐变用canvas可以实现。其余效果canvas没什么问题。svg不清楚。具体可参考我的demo,台风模拟。
https://github.com/chengquan2...