svg用animate實現簡單動畫效果

svg中可以使用animate標籤實現動畫效果。

就是在相應的形狀標籤內加入animate標籤，其中若干屬性如下：

attributeName 目標屬性名稱from 起始值to 結束值dur 持續時間repeatCount 次數|indefinite，動畫時間將發生幾次，indefinite表示無限次。

一個簡單示例效果，顏色在3秒內從steelblue漸變到pink：

執行效果：

如果要多個動畫效果，可以使用多個animate標籤。

執行效果：