SVG裡有一個好用標籤 ─ g element
使用的方式是 <g></g> 將元素包起來
這樣你就可以對一群元素或是物件做動作
但g element有一個壞處 就是它無法被更改座標x, y值
要一整群的移動元素 必須要用translate的方式
假設我們要將一個群移動到(150, 150)
可以這樣寫 ：
<g transform="translate(150,150)"> .... </g>
也可以對g element做整群的動畫移動
必須使用<animateTransform />標籤
但是我發現就算使用動畫移動了群的位置
它實際的座標還是沒有改變
只是在瀏覽器中看起來有移動
但如果是更改opacity之類的值就是真的有改變了
沒有留言:
張貼留言