Javascript – SVG-Neuling, möchte Bilder in SVG einfügen

Question

Der Code ist wie oben. Ich möchte Bilder in SVG einfügen und die Bilder animieren, aber er hat keine Auswirkung

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>