javascript - novice en svg, je souhaite insérer des images dans svg

Question

Le code est comme ci-dessus. Je souhaite insérer des images dans SVG et animer les images, mais cela n'a aucun effet. Veuillez expliquer...

.

Answer 1

Je n'ai jamais joué avec SVG. Après un bref aperçu de l'API, il devrait y avoir deux points clés : 1. Définir la largeur et la hauteur de SVG. 2. Enveloppez simplement la balise d'animation avec la balise d'image. Vous trouverez ci-dessous l'exemple de code

<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>