javascript - 接到一个需求,怎么实现路径动画
高洛峰
高洛峰 2017-04-11 12:31:02
0
5
418

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全員に返信(5)
Peter_Zhu

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

いいねを押す +0
伊谢尔伦

中间有交互没?没有交互可以用svg

いいねを押す +0
小葫芦

如果动画是规定死的,建议用js来操作pbackground-img制作动画。
如果动画是用数组定制的(比如渐变线的起伏)。没理解楼主的意思,不好发表意见。

いいねを押す +0
阿神

这种带路径的线性运动最好用svg来搞,比较好弄

いいねを押す +0
伊谢尔伦

用flash实现倒是简单,不过现在不流行了。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!