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 January 2020.
Die schreibgeschützte animVal-Eigenschaft des SVGAnimatedNumberList-Interfaces repräsentiert den aktuellen animierten Wert eines animierbaren Attributs, das eine Liste von <number>-Werten akzeptiert.
Diese Eigenschaft spiegelt das viewBox-Attribut des <svg>-Elements, das values-Attribut des feColorMatrix-Elements und das points-Attribut des <rect>, <polygon> oder <polyline>-Elements als ein readonly SVGNumberList, welches Zugang zu einer dynamisch aktualisierten Liste von Punkten bietet, die durch das points-Attribut definiert werden.
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 spezifiziert 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
BCD tables only load in the browser