W3C home > Mailing lists > Public > www-svg@w3.org > October 2010

Accessing the animated position of an SVG element

From: Shane Stephens <shans@google.com>
Date: Wed, 20 Oct 2010 14:47:38 +1100
Message-ID: <AANLkTimuO5_rWNXk0=5+OzAM_d26M9+EijR6ydZL3FYT@mail.gmail.com>
To: www-svg@w3.org
I have the following fragment of SVG:

<svg>
  <g transform="translate(300,30)">
    <rect width="40" height="40"/>
    <animateMotion dur="1s" repeatCount="1" rotate="auto" path="M
100,250 C 100,50 400,50 500,250"/>
  </g>
</svg>

I want to access the animated position of the rect using javascript,
but I can't figure out how to do it.  The transform, x and y values on
rect are SVGAnimated values, but the rect is not directly animated.
The transform on <g> is also an SVGAnimated value, but the animVal
only ever contains the result of translate(300,30). rect.getCTM() and
g.getCTM() seem to return the base value only (i.e. not the animated
value).  Is there something I'm missing?

Cheers,
    -Shane
Received on Wednesday, 20 October 2010 03:48:15 GMT

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