Re: Animating SVG with CSS

SMIL is dead.... I'm truly waiting on web animation api... So I might just go to canvas.

E-S4L
N-S4L
J-S4L

> On Sep 17, 2014, at 10:09 AM, "Rick" <graham.rick@gmail.com> wrote:
> 
> I've not used CSS animations with SVG, but as Olaf has mentioned, SVG
> has it's own SMIL spec which is implemented.
> 
> Here is a link to the current spec section:
> http://www.w3.org/TR/SVG/animate.html
> 
> Tutorials can be found on line, also the SVG test suite can be very
> useful in learning about animations.
> 
>> On 9/17/14, Dr. Olaf Hoffmann <Dr.O.Hoffmann@gmx.de> wrote:
>> Hello,
>> 
>> clearly, the CSS draft about animation is not applicable for SVG 1.x.
>> If there is an effect due to a feature of this draft, this is clearly a bug
>> in
>> the related viewer ;o)
>> 
>> However, SVG mentions CSS properties, which apply to SVG,
>> most of them available as attributes as well.
>> Typically one can animate those with declarative animation in SVG -
>> and for this type of animation one can select between animating
>> the attribute or the CSS property.
>> Therefore in SVG 1.x one can animate CSS properties using SVG,
>> but not the other way around.
>> 
>> In the future (SVG 2 draft), maybe most attributes will have a
>> corresponding
>> properties as well - and if the SVG 2 draft mentions, that CSS animations
>> apply, this might work in the future, at least if viewer do what will be
>> recommended ;o)
>> Hoewever, due to the typical implemetation strategies, this might implicate
>> a lot of more bugs in viewers (suddenly they assume, that SVG 1.x
>> attributes
>> can be properties as well, just because these exist in the SVG 2 draft)
>> 
>> 
>> Olaf
> 
> 
> -- 
> If we do not change our direction we are likely to end up where we are
> headed.

Received on Wednesday, 17 September 2014 17:18:37 UTC