Accessing the animated position of an SVG element

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

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 UTC