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

RE: Clarification of "baseVal"

From: Thierry Kormann <tkormann@ilog.fr>
Date: Mon, 7 Oct 2002 18:36:21 +0200
To: "Antoine Quint" <antoine@graougraou.com>, <www-svg@w3.org>
Message-ID: <EGECJAFKOPPEMLJGHNDNIEGHDMAA.tkormann@ilog.fr>


> I need a little bit of clarification as to what the core difference is
> between baseVal and the core DOM value of an attribute. Say I have the
> following example:
>
> <rect width="100" height="100">
>    <animate attributeName="width" dur="2s" to="200" fill="freeze" />
> </rect>
>
> Here is a bit of DOM code executed at 1s within the document timeline,
> are my assumptions correct (I am not aware of any implementation to
> test this):
>
> var width = rect.width.baseVal; // 100
> width = rect.width.animatedVal; // 150
> rect.setAttributeNS(null, 'width', 500);
> width = rect.width.baseVal; // 100

width = rect.width.baseVal; // 500 !

> How about at 2s (animation over and frozen)?
>
> var width = rect.width.baseVal; // 100
> width = rect.width.animatedVal; // 200

var width = rect.width.baseVal; // 500 (due to the previous setAttributeNS

---

baseVal represents the same value as its coresponding attribute.

animatedVal is the value that results from the animation (always override
the value from the DOM).

In addition, Animated values are live so you can do something like (keeping
a reference on the SVGAnimatedLength):

var length = rect.width;
alert(length.width); // shows 100 for instance
rect.setAttribute("width", 200);
alert(length.baseVal); // now shows 200

Regards,
Thierry.
Received on Monday, 7 October 2002 12:36:30 GMT

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