Pertanyaan Animasi pemicu SVG dengan peristiwa


bagaimana cara memicu elemen gim svg untuk mulai menjiwai melalui javascript dengan acara arbitrer? Saya membayangkan sesuatu seperti begin="mySpecialEvent", kemudian saya bisa mengirim mySpecialEvent dan animasi akan mulai (atau mulai lagi jika sudah diputar).


32
2017-12-10 10:11


asal


Jawaban:


Berikut ini artikel yang mencakup apa yang Anda butuhkan:
http://dev.opera.com/articles/view/advanced-svg-animation-techniques/

Edit: tautan dihapus. Salinan yang diarsipkan:

Pendeknya:

  1. Buat <animation> dengan begin="indefinite" sehingga tidak akan memperlakukan animasi sebagai mulai dari beban dokumen. Anda dapat melakukan ini baik melalui JavaScript atau sumber SVG mentah.

  2. Panggilan beginElement() pada SVGAnimationElement contoh (yang <animate> elemen) saat Anda siap memulai animasi. Untuk kasus penggunaan Anda, gunakan standar addEventListener() panggil balik untuk memanggil metode ini ketika Anda siap, mis.

    myAnimationElement.addEventListener('mySpecialEvent',function(){
      myAnimationElement.beginElement();
    },false);
    

46
2017-12-10 18:24