javascript - svg小白，想要在svg裡面插入圖片

Question

#程式碼如上，想要在svg裡面插入圖片，讓圖片實現動畫，但是怎麼都沒效果，求解釋...

Answer 1

沒玩過svg，簡單看了下api，應該有兩個關鍵點 1.svg設定寬和高 2.image標籤把animate標籤包住即可。下面是範例程式碼

<svg width="320" height="320" xmlns="http://www.w3.org/2000/svg">
  <g> 
    <image xlink:href="http://f10.baidu.com/it/u=107851725,1461296661&fm=76" x="160" y="160" height="100" width="100" >
    <animate attributeName="x" values="160;40;160;" dur="3s" repeatCount="indefinite"/>
    </image>
  </g>
</svg>