將SVG屬性保存在動畫後的最終值

Question

我試圖在加載SVG時爲圓圈設置動畫。應：

1. 在設定的最初加載，小尺寸（第1半徑）
2. 開始的秒設定量
3. 增加大小所設定的尺寸（17半徑）
4. 保持後在這個半徑永遠

下面是我在做什麼：

<svg width="36px" height="36px"> 
    <circle r="1" cy="18" cx="18"> 
     <animate attributeName="r" from="1" to="17" dur="1s" begin="1s"></animate> 
    </circle> 
</svg> 

但是，如果你看一下結果（和其它選項，包括在鏈接），你可以看到它是不是在任何一方的工作：

http://codepen.io/sheepysheep60/pen/Hjfdo

任何人都可以闡明如何發揮任何光線動畫直到結束，然後暫停動畫，或者是否有我失蹤的設置？

Answer 1

使用fill="freeze"：

<svg width="36px" height="36px"> 
    <circle r="1" cy="18" cx="18"> 
     <animate attributeName="r" from="1" to="17" dur="1s" begin="1s" fill="freeze"></animate> 
    </circle> 
</svg> 

更多信息請參見here。