84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
如图，黄色渐变线从左到右，慢慢生成，途径指定位置后，圆圈出现。当线出现完整后，在线中滚动滑轮，圆圈会沿着路径往后移动，陆续出现新的圆圈。怎么实现。。要用svg还是canvas？那条线的渐变效果感觉很难实现。。。。。
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
感觉这里最难的是曲线的点，线经过的点要先定义好，如果要达到图中这样平滑，则需要的点更多。这样的线条的阴影，渐变用canvas可以实现。其余效果canvas没什么问题。svg不清楚。具体可参考我的demo，台风模拟。https://github.com/chengquan2...
中间有交互没？没有交互可以用svg
如果动画是规定死的，建议用js来操作p的background-img制作动画。如果动画是用数组定制的（比如渐变线的起伏）。没理解楼主的意思，不好发表意见。
js
p
background-img
这种带路径的线性运动最好用svg来搞，比较好弄
用flash实现倒是简单，不过现在不流行了。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
感觉这里最难的是曲线的点，线经过的点要先定义好，如果要达到图中这样平滑，则需要的点更多。这样的线条的阴影，渐变用canvas可以实现。其余效果canvas没什么问题。svg不清楚。具体可参考我的demo，台风模拟。
https://github.com/chengquan2...
中间有交互没？没有交互可以用svg
如果动画是规定死的，建议用
js来操作p的background-img制作动画。如果动画是用数组定制的（比如渐变线的起伏）。没理解楼主的意思，不好发表意见。
这种带路径的线性运动最好用svg来搞，比较好弄
用flash实现倒是简单，不过现在不流行了。