javascript - svg novice, nak masukkan gambar ke dalam svg

Question

Kod adalah seperti di atas Saya ingin memasukkan gambar ke dalam svg dan menghidupkan gambar, tetapi ia tidak memberi kesan

Answer 1

Saya tidak pernah bermain dengan svg Selepas melihat secara ringkas pada API, perlu ada dua perkara penting: 1. Tetapkan lebar dan ketinggian svg 2. Hanya bungkus tag animasi dengan tag imej. Di bawah adalah contoh kod

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