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