年中的时候,花了点时间在 SVG 动画开发学习上,经过不断探索总结,结合自己学到的知识,以小册子的形式沉淀下来一整套基于 SVG 进行动画开发的实践方法,我把它命名为《SVG 动画开发实战》。
小册介绍
如今的 Web 页面动画的实现方式有很多种解决方案,比如使用原生 CSS3 Animation、使用 SVG SMIL Animation,甚至是使用各种社区免费的类库,像比较流行的 animate.js
、GreenSock
、但这些类库最底层的实现方式仍然脱离不开原生的支持。
所以学好 Web 动画开发,我们仍需搞清楚如何使用原生进行动画开发,再去让类库帮助我们扩展丰富的动画表现形式。
此系列不讨论如何使用 CSS3 进行动画开发,只专注于有关 SVG 的动画开发,探究 SVG 开发常见动画的原理,站在巨人的肩膀上,借助 GreenSock Animation Platform(GSAP)
进行丰富的动画开发。
这个系列在开始前,先来看