I've been working with SVGs quite a bit lately. Dealing with them is at times rewarding, and others extraordinarily frustrating.
Case in point: different browsers handle adding an SVG filter onto a DOM element / SVG parent element / SVG child element very differently (in Firefox, if an SVG element that holds a filter is display:none, and you apply that filter to an element that is visible, the filter not only is not applied - but the element it is applied to also becomes display:none). Unfortunately, it's also not one of those things you can feature detect for: out come the user agent tools again...
But yes, SVG is very very cool. For our use case, even IE9 is fairly up to par with it.
Comments
I've been working with SVGs quite a bit lately. Dealing with them is at times rewarding, and others extraordinarily frustrating.
Case in point: different browsers handle adding an SVG filter onto a DOM element / SVG parent element / SVG child element very differently (in Firefox, if an SVG element that holds a filter is display:none, and you apply that filter to an element that is visible, the filter not only is not applied - but the element it is applied to also becomes display:none). Unfortunately, it's also not one of those things you can feature detect for: out come the user agent tools again...
But yes, SVG is very very cool. For our use case, even IE9 is fairly up to par with it.