Hi James,

The bug is in Firefox. According to [1], the "transform" attribute is 
not animatable with <set>. This is unfortunate and will be fixed in SVG2.

For the time being, you need to use <animateTransform> to animate the 
transform attribute.

Something like the following *should* work:

<animateTransform xlink:href="#box" attributeName="transform"
   type="translate" values="75,75" begin="test.click"
   fill="freeze" dur="1s"/>

Unfortunately, WebKit doesn't appear to support "values" attributes with 
only one value.

So instead you need to use:

  <animateTransform xlink:href="#box" attributeName="transform"
   type="translate" values="75,75;75,75" begin="test.click"
   fill="freeze" dur="1s"/>

Best regards,

Brian Birtles

[1] 
http://www.w3.org/TR/SVG11/animate.html#AnimationAttributesAndProperties

(2012/03/23 5:48), jamesd wrote:
> Works fine in Firefox, not in Chrome. Posted for others trying to use
> SMIL for quick site mockups. Is it the way I'm using it, or is it badly
> written?
>
> <svg xmlns="http://www.w3.org/2000/svg";
> xmlns:xlink="http://www.w3.org/1999/xlink"; x="0px" y="0px" width="100%"
> height="100%" viewBox="0 0 600 600" preserveAspectRatio="none"
> xml:space="preserve">
>
> <defs>
>
> <set xlink:href="#box" attributeName="height" to="200" begin="test.click"/>
>
> <set xlink:href="#box" attributeName="transform" to="75,75"
> begin="test.click"/>
>
> </defs>
>
>
> <rect id="box" x="50" y="50" width="100" height="100" fill="#AA0000"/>
>
> <text id="test" x="250" y="250" fill="#000000" font-family="times"
> font-size="36" cursor="pointer">Click Here</text>
>
> </svg>
>
> 



------------------------------------

-----
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/

Reply via email to