W3C home > Mailing lists > Public > www-svg@w3.org > September 2011

Re: [whatwg] Web Forms 2 Repetition Model-please reinstate on specification

From: Jeremie Patonnier <jeremie.patonnier@gmail.com>
Date: Wed, 21 Sep 2011 20:22:49 +0200
Message-ID: <CAEi838mcC5R9HjppYizvSpShK-6AFozoVmgNX_TjZTuMzz8V0w@mail.gmail.com>
To: Boris Zbarsky <bzbarsky@mit.edu>
Cc: www-svg@w3.org
Hi,

2011/9/21 Boris Zbarsky <bzbarsky@mit.edu>

> On 9/21/11 10:07 AM, Erik Dahlstrom wrote:
>
>> Ok, cool. Is animating any attribute on an HTML element in this way also
>> supported, or is it limited to animating CSS properties?
>>
>
> The latter, I believe.
>
> -Boris
>

Yes, HTML attributes are not animatable through SVG where CSS properties
applied on HTML elements are, try this little test with Firefox :

<!DOCTYPE html>
<html>
<head>
    <title>Animating HTML through SVG</title>
</head>
<body>

<img id="test" src="
http://farm7.static.flickr.com/6072/6106235971_28e2ab70f7_m.jpg" width="250"
height="235" alt="" />

<svg width="250" height="235" viewbox="0 0 250 235">
    <animate xlink:href="#test" attributeType="CSS" attributeName="opacity"
         from="0" to="1" fill="freeze" dur="3s" />

    <animate xlink:href="#test" attributeType="XML" attributeName="width"
         from="0" to="250" fill="freeze" dur="3s" />


    <image xlink:href="
http://farm7.static.flickr.com/6072/6106235971_28e2ab70f7_m.jpg" width="250"
height="235">
         <animate attributeType="CSS" attributeName="opacity"
             from="0" to="1" fill="freeze" dur="3s" />

        <animate attributeType="XML" attributeName="width"
             from="0" to="250" fill="freeze" dur="3s" />
    </image>
</svg>
</body>
</html>

Cheers
-- 
Jeremie
.............................
Web : http://jeremie.patonnier.net
Twitter : @JeremiePat <http://twitter.com/JeremiePat>
Received on Wednesday, 21 September 2011 18:23:37 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:49 GMT