SVG/SMIL逐帧动画实例

这里只是一个SVG/SMIL逐帧动画实例，记录下来以备忘。

假定现有如下3个svg图案，方、圆、三角形。

未加入动画的SVG代码如下：

效果图：

把三个图形位置放在一起了，做动画时就是要控制每个图形的显示和隐藏。

加入动画代码后：

效果图：

关键是掌握animate元素的这3个属性的使用：

      attributeName
      values
      keyTimes

详细信息可参考SVG标准。

备注：该方法并不是svg逐帧动画的唯一方法，也不是最佳方法，但适用于少量帧的逐帧动画。

[本文原文(英文)]