CODEWITHSUNDEEP
svgsvg-animate
Chris Burke
Chris Burke

Reputation: 55

SVG Frame Animation

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.

Upvotes: 3

Views: 655

Answers (1)

Robert Longson
Robert Longson

Reputation: 124059

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.

Upvotes: 2

Related Questions