Catch changes on SVG element circle and change attributes elsewhere via js

Question

I have an embedded SVG in an HTML document. An (SVG) circle is animated using . I was trying to find a way to put some kind of event listener on that

Answer 1

A while ago I ran into the same problem you are describing. I wanted to be able to stop animations halfway, based on events triggered by the user and keep elements at their reached position. Unable to do so with SMIL I decided to forge my own animation system for svg.js, a small javascript library I have been working on:

http://documentup.com/wout/svg.js#animating-elements

It might be useful for what you are trying to achieve.