是有SVG元素的伸縮動畫

Question

我有什麼是JS代碼在運行中如包括一些幾何圖形的線條和圓圈產生了一些SVG元素，我想要實現的是嘗試不斷重新調整圖使用SVG動畫功能。我的意思是我當然可以重新計算圓的線和中心點的各點的座標，並從那裏開始，但是這將是一個太煩瑣瞭解決辦法我該怎麼辦比較好？

非常感謝！

Answer 1

將它們放入一個<g>元素中，然後給這個變換屬性如transform =「scale（1）」，並使用子元素<animateTransform>設置動畫效果。像這樣的事情也許......

<animateTransform attributeName="transform" 
attributeType="XML" type="scale" from="1" to="3" 
additive="sum" begin="1s" dur="5s" fill="freeze"/>