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 Juli 2015.
Die schreibgeschützte baseVal-Eigenschaft der Schnittstelle SVGAnimatedNumberList 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 und das points-Attribut des <rect>, <polygon> oder <polyline>-Elements als ein schreibgeschütztes SVGNumberList, das den Zugriff auf eine statische Liste von Punkten ermöglicht, die durch das points-Attribut definiert werden.
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
Loading…