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>