SVGAnimatedNumberList: animVal-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die animVal Eigenschaft der SVGAnimatedNumberList-Schnittstelle ist eine schreibgeschützte Eigenschaft, die den aktuellen animierten Wert eines animierbaren Attributs darstellt, das eine Liste von <number>-Werten akzeptiert.
Diese Eigenschaft spiegelt das viewBox-Attribut des <svg>-Elements, das values-Attribut des feColorMatrix-Elements sowie das points-Attribut des <rect>, <polygon> oder <polyline>-Elements als Read-only-Objekt vom Typ SVGNumberList wider. Es bietet Zugriff auf eine dynamisch aktualisierte Liste von Punkten, die durch das points-Attribut definiert sind.
Wert
Ein SVGNumberList-Objekt, das den animierten Wert des Attributs darstellt. Die Liste enthält eine oder mehrere Zahlen, die den einzelnen Zahlenwerten entsprechen, die im Attribut angegeben sind.
Beispiele
const rect = document.querySelector("rect");
// Set the animatable 'points' attribute with number values
rect.setAttribute("points", "10,10 20,10 20,20 10,20");
// Access the SVGAnimatedNumberList object
const points = rect.points;
console.dir(points.animVal); // the animated state
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedNumberList__animVal |
Browser-Kompatibilität
Loading…