9种网页动画常用实现方式总结

随着HTML5的逐步普及，在Web页上实现动画的方式也增加了，但也带来了一些兼容性问题，本文做一个总结。

目前来说，没有一种方式是完美的。

GIF兼容性最好，但是画质差，无交互。

Canvas很火热，功能也强大，编程难度也稍高，旧IE不支持。

SVG擅长处理矢量图形，交互容易，旧IE不支持。

CSS3很闪亮，但功能有限，旧IE不支持。

APNG, SMIL 还需看将来各浏览器的支持进展。

Video也华丽，只是一个视频要准备多种文件格式，令人不爽。

Javascript是个万金油，只要做交互，他还是一员大将。

Flash很强大，但前途暗淡，移动端不給力。

序号	名称	简述	优点	缺点	适用场景
1	GIF动画	这是最历史悠久的方式了，GIF89a也已经过了专利期限，现在使用没有法律问题了。	文件小、工具多、浏览器兼容性好、资源占用少。	支持颜色少(最大256色)、Alpha透明度支持差，导致图像锯齿毛边比较严重。	适用于颜色少、画面简单的场合
2	Flash / SilverLight 等	通过浏览器plugin来支持特定文件格式的动画。	跨浏览器、处理复杂动画无压力	需要安装插件、