Can anyone tell me why this works (chrome10, safari5)
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink";><circle cx="250" cy="250" r="200"
style="fill:red; stroke:blue; stroke-width:5"><animateColor
attributeName="fill" from="#ff0000" to="#00ff00" dur="5s"
fill="freeze"></animateColor>
</circle>
</svg>
</body>
</html>
but this doesn't?
<html>
<body>
<script>(function(){var svgns = 'http://www.w3.org/2000/svg';
var xlinkns = 'http://www.w3.org/1999/xlink';
var svg = document.createElementNS(svgns,'svg');
svg.setAttribute("xmlns", svgns);
svg.setAttributeNS("xmlns", "xlink", xlinkns);
var circle = document.createElementNS(svgns,'circle');
circle.setAttributeNS(null,'cx','250');
circle.setAttributeNS(null,'cy','250');
circle.setAttributeNS(null,'r','200');
circle.setAttributeNS(null,'style','fill:red;stroke:blue;stroke-width:5');
var animateColor = document.createElementNS(svgns,'animateColor');
animateColor.setAttributeNS(null,'attributeName','fill');
animateColor.setAttributeNS(null,'from','#ff0000');
animateColor.setAttributeNS(null,'to','#00ff00');
animateColor.setAttributeNS(null,'dur','5s');
animateColor.setAttributeNS(null,'fill','freeze');
circle.appendChild(animateColor);
svg.appendChild(circle);
document.body.appendChild(svg);
})();
</script>
</body>
</html>
------------------------------------
-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
----Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)
<*> To change settings via email:
[email protected]
[email protected]
<*> To unsubscribe from this group, send an email to:
[email protected]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
