SVGAnimatedNumberList: baseVal-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 baseVal-Eigenschaft der SVGAnimatedNumberList-Schnittstelle repräsentiert den Basiswert (nicht animiert) 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 sowie das points-Attribut der <rect>, <polygon> oder <polyline>-Elemente als ein schreibgeschützte SVGNumberList wider, die Zugriff auf eine statische Liste von durch das points-Attribut definierten Punkten bietet.
Wert
Ein SVGNumberList-Objekt, das den Basiswert 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;
// Modify the base value
points.baseVal = [10, 15, 25, 30];
// Verify the reflected attribute value
console.log(rect.getAttribute("points")); // Output: "10,15 25,30"
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedNumberList__baseVal |
Browser-Kompatibilität
BCD tables only load in the browser