最高效的WEB程序员学习网站
SVG手册 HTML5手册
 

吐泡泡的松鼠鱼


使用SVG大多是制作相对简单的图片图案,但也能制作出很复杂的图形图像,从本章开始,我们将给大家介绍一些经典的SVG图像作品。

本章给大家介绍的是一个会吐泡泡的松树鱼作品。这个作品里绘制出了一个非常有趣的卡通鱼,而且在优哉游哉的吐着泡泡。这个作品里使用了SVG动画技术,从源文件里可以看出使用了<animateMotion><animateTransform>等SVG动画标记。但从谷歌浏览器的开发路线来看,SVG动画最终将会被放弃,改用CSS动画实现。所以,以后在SVG里实现动画时,应该避免使用这些SVG动画标记。

下图的SVG源文件下载地址