如何使用svg动画功能？

zhichi_admin

SVG技术越来越不陌生，使用门槛也渐渐降低，而且SVG动画还可以使用CSS控制。

先看个生日页面，是个SVG的蛋糕

可见SVG是很强大的！弥补了CSS3的不足。

然而这种动画也是略耗时，但有一种比较常用的，就是线条的描绘动画，CSS3比较难实现，这里可以用SVG，看图：

介绍一个PS插件svgArtisan，这个工具可以直接根据PSD的路径图层生成SVG图形

由于网络是动态的媒体，SVG要成为网络图像格式，必须要具有动态的特征，这也是去区别于其它图像格式的一个重要特征。

而且SVG文件是用点和线来描述物体，所以文件会比较小，同时也能提供高清晰的画面，适合于直接打印或输出。

比那些GIF和JPEG格式的文件要小很多，因而下载也很快。这就是为什么微页打开速度比其他h5快的原因之一。

如何使用svg动画功能？

1.首先，进入微页编辑界面

2.系统自带的svg动画，选择后，点击“确定”。

也可以在选择”我的svg"中添加自己的svg动画，再点击“确定”。

3.编辑动画的基本设置。

4.可以选择是否循环播放或更改动画。

5.可以任意改变他的颜色。