javascript - 接到一个需求，怎么实现路径动画

问题描述

问 题

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

解决方案

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

这篇关于javascript - 接到一个需求，怎么实现路径动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！