SVG中国

3 SVG中对动画的支持

 　　目前，网页中播放的动画多为GIF格式，它也存在着与网上传输的图像格式相同的问题，即修改在服务器端实现，而不是在客户端实现。SVG中提供了专门的动画效果，可以描述一个图形图像元素的实时变化。

　　SVG中用标记<animateMotion>描述元素的移动效果，用<animateFlipbook>描述元素的弹跳效果，用<animateTransform>描述元素的放缩、旋转、偏斜等变换效果，用<animateColor>描述元素颜色的改变，还可以用<animate>描述元素的淡入淡出效果。

　　下面这个例子描述了几种不同的动画效果：

 　　代码首先描述了一个黄色矩形的淡出效果，分别指示了在9秒钟的过程中它的左上角坐标和长、宽的匀速变化。然后又描述了从第3秒开始显示的一串文字，这串文字在接下来的6秒钟里有以下动作：

• 文字的左上角沿直线运动
• 文字的颜色由兰色变成深红
• 文字的方向从上斜30度变为水平
• 文字的逐渐增大到原先的3倍大小

　　它在0秒、3秒、6秒、9秒的显示效果分别是：

　　目前SVG代表了未来网上矢量图形传输发展的方向，国外各大公司都在追踪其发展，开发设计了一些实验系统，Adobe公司在多年之前就已经开发了用于IE5和Netscape的SVG浏览插件，而现在Firefox及Opera不用安装插件就能浏览SVG，因为新一代网络浏览器已内置支持SVG，IE8也将实现内置SVG功能。以及许许多多的知名平面设计软件，例如 CorelDraw、Illustrator都支持SVG格式的输入和输出，同时还出现了一大批格式转换工具，其中还包括从现在流行的 Flash格式向SVG格式的转换工具。国内对于SVG的应用研究也已经逐步展开，例如图像图形编辑软件"方正画苑"在其早前的3.0版本开始就加入了SVG的编辑输出功能。鉴于SVG出色的优点，我们有理由相信，在不久的将来基于SVG技术的浏览技术必将成为Web技术上一个新的热点。

(THE END)