点击右上角白色按钮，关注“网络秀”，让你真正秀起来
前言
一般来说，我们谈论的网页动画似乎包括以下三类：
1.CSS3动画
2. javascript动画（画布）
3. HTML动画（SVG）
这三种动画各有优缺点。 实际应用中，根据情况进行选择。 本文讨论的是我认为SVG在实际项目中非常有价值的SVG腰线动画。
SVG (W3C) 的历史和优势
2003年4月css3 动画缩放，SVG1.1被确立为W3C标准。 参与定义 SVG 的组织包括：Sun Microsystems、Adobe、Apple、IBM 和 Kodak。 与其他图像格式相比，使用 SVG 的优点是：
1. SVG可以通过很多工具（例如记事本）读取和更改
2. 与JPEG和GIF图像相比，SVG尺寸更小，可压缩性更强。
3.SVG是可扩展的
4. SVG图像可以在任何比特率下高质量复制
5. SVG可以在不提高图像质量的情况下放大
6. SVG图像中的文本是可选的css3 动画缩放，并且还可以搜索（非常适合制作地图）
7. SVG可以用Java技术运行
8.SVG是一个开放标准
9. SVG 文件是纯 XML
10. SVG的主要竞争对手是Flash。
SVG 相对于 Flash 的最大优势是它与其他标准（例如 XSL 和 DOM）的兼容性。 Flash 是一项非开源的专有技术。
什么是 SVG？
可缩放矢量图形（Scalable Vector Graphics，简称SVG）是W3CXML的分支语言之一，用于标记可缩放矢量图形。 （来自MDN）
