Olayla birlikte SVG tetikleyici animasyonu

Question

Javardosya ile keyfi bir olay ile animasyona başlamak için bir svg animasyon öğesini nasıl tetiklerim? begin="mySpecialEvent" gibi bir şey hayal ediyorum, daha sonra mySpecialEvent gönderebilir ve animasyon başlayacak (veya daha önce çalınmışsa tekrar başlayacaktır).

Answer 1

Burada gerekenleri kapsayan bir makale:
http://dev.opera.com/articles/view/advanced-svg-animation-techniques/

Düzenleme: bağlantı kaldırılır. Arşivlenen kopyalar:

• https://github.com/operasoftware/devopera-static-backup/blob/master/http/dev.opera.com/articles/view/advanced-svg-animation-techniques/index.html
• http://web.archive.org/web/20140228202850/http://dev.opera.com/articles/view/advanced-svg-animation-techniques

Kısacası:

1. o belge yüküne başlayan olarak animasyon tedavi etmez, böylece <animation>begin="indefinite" ile oluşturun. Bunu JavaScript veya ham SVG kaynağıyla yapabilirsiniz. Animasyonun başlatılması için hazır olduğunuzda, örneğinde (<animate> öğesinde) beginElement() numaralı telefonu arayın.Kullanım durumunuz için, hazır olduğunuzda bu yöntemi çağırmak için standart bir addEventListener() geri çağrısı kullanın.

   büyük soru için

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