Animazione trigger SVG con evento

come faccio a triggersre un elemento animato svg per iniziare l’animazione tramite javascript con un evento arbitrario? Sto immaginando qualcosa come begin="mySpecialEvent" , poi più tardi posso inviare mySpecialEvent e l’animazione inizierà (o ricomincerà se è già stata riprodotta).

Ecco un articolo che copre ciò di cui hai bisogno:
http://dev.opera.com/articles/view/advanced-svg-animation-techniques/

Modifica: il collegamento è rimosso. Copie archiviate:

In breve:

  1. Crea con begin="indefinite" modo che non tratterà l’animazione come a partire dal caricamento del documento. Puoi farlo tramite JavaScript o origine SVG grezza.

  2. Chiama beginElement() SVGAnimationElement (l’elemento ) quando sei pronto per l’avvio dell’animazione. Per il tuo caso d’uso, usa un callback addEventListener() standard per invocare questo metodo quando sei pronto, ad es

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