有关于 SVG

[cxz2998]

最近看了几个官网，发现好多官网都在用 SVG 做特效和动画

占用资源少的同时还能实现各种炫酷的动画

自己一下午写一个鸭子移动的画面，总之就两个字：抽象，太抽象了，以失败告终。

不知道各位 SVG 大佬对于 SVG 的动画、坐标都是怎么理解的？

[zhhbstudio]

有没有可能，他们是拿工具做的

[jydeng]

用 AI 写

[ETiV]

在上古时代，有一个套方案叫 Flash ，本来是 Macromedia 的，后来被 Adobe 收购了

Flash 除了 Player ，它自身还有一套非常成熟的帧动画编辑器…

iPhone 出来后，Flash 就没落了

再后面，Adobe 就把它给改成了一个叫 Animate 的工具，我看了下文档，是可以导出 SVG 的

1. https://www.adobe.com/products/animate.html
2. https://helpx.adobe.com/animate/using/exporting-svg-format.html

[ETiV]

除了 SVG ，还一个新的方案，Lottie ，可以使用 Adobe After Effects 的特效时间线来生成动画 https://lottie.github.io/

跟 SVG 不一样，这个是绘制在 HTML Canvas 上，或者其他平台上有它自己的实现 https://airbnb.io/lottie/ https://github.com/airbnb/lottie-web

Google 到了几个比较酷炫的网站…

1. https://lottiefiles.com/
2. https://www.lottielab.com/
3. https://lordicon.com/

腾讯最近也出了一套方案，PAG https://pag.io/ （企业版要收费）