- From: Sam Ruby <rubys@intertwingly.net>
- Date: Wed, 25 Mar 2009 09:13:17 -0400
- To: Jeff Schiller <codedread@gmail.com>
- CC: Anne van Kesteren <annevk@opera.com>, public-html@w3.org, www-svg <www-svg@w3.org>
Jeff Schiller wrote: > I'm sorry that I'm not familiar enough with how self-closing elements > are treated in HTMLish syntax. Can someone please tell me how the > current SVG-in-HTML algorithm would treat the following SVG code > fragments? > > The intention of this code is that both the circle and rectangle > animate from green to red over 2 seconds: > > <g fill="green"> > <rect width="200" height="100" x="50" y="50" /> > <circle r="50" cx="100" cy="100" > > <animateColor from="green" to="red" begin="0s" end="2s" /> > </g> > > (i.e. the <animateColor> element is a direct child of the <g>) > > The intention of this code is that only the circle animates from green > to red over 2 seconds: > > <g fill="green"> > <rect width="200" height="100" x="50" y="50" /> > <circle r="50" cx="100" cy="100"> > <animateColor from="green" to="red" begin="0s" end="2s" /> > </circle> > </g> See for yourself: http://tinyurl.com/casvt8 Add and remove slashes and see how the DOM changes. Change or remove the <svg> element to see the effect of what Anne was referring to. > Thanks, > Jeff - Sam Ruby
Received on Wednesday, 25 March 2009 13:14:14 UTC