SVG Frame Animation

Question

I was curious if anybody could point me in the right direction to be able to do SVG animation where it essentially cycles the visibility of grouped elements so that essentially you have a frame by frame animation. The animation code has to be embedded inside the svg and has to be compatible with IE, Firefox and Chrome. So far after countless hours of trying different things I've gotten it to work in Chrome only.

Answer 1

The SMIL specification says that numbers cannot start with a . so you need

dur="0.1s"

Change that and it seems to work in Firefox, i.e. the blades look like they are moving which is presumably what you're trying to do. Chrome is less strict and allows things that are technically invalid.

You could probably get this to work in IE by using a SMIL emulation library such as fakeSmile.