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