SVGAnimatedNumber: baseVal-Eigenschaft

Die baseVal-Eigenschaft der SVGAnimatedNumber-Schnittstelle repräsentiert den Basiswert (nicht animiert) eines animierbaren numerischen Attributs.

Einige animierbare SVG-Attribute akzeptieren einen einzelnen numerischen Wert, wie das radius-Attribut der <circle>- oder <ellipse>-Elemente und die width- und height-Attribute des <rect>-Elements und viele andere. Die baseVal-Eigenschaft spiegelt den Basiswert, oder nicht animierten Wert, des numerischen Attributs wider und aktualisiert diesen.

Wert

Ein number; der Basiswert des Attributs als Gleitkommawert.

Beispiele

Dieses Beispiel enthält ein <path>-Element mit einem verschachtelten <animate>-Element, das den Wert des pathLength-Attributs des Pfads animiert:

<path d="M 0,40 h100" pathLength="90" id="path">
 <animate
 attributeName="pathLength"
 values="50; 90; 50;"
 dur="10s"
 repeatCount="indefinite" />
</path>

const path = document.querySelector("path");
console.log(path.pathLength.baseVal); // output: 90
path.pathLength.baseVal = 50; // updates the value
console.log(path.pathLength.baseVal); // output: 90

Das baseVal spiegelt den Wert des pathLength-Attributs wider. Wir verwenden auch die baseVal-Eigenschaft, um den Basiswert (nicht animierend) des animierten pathLength-Werts zuzugreifen.

Um den aktuellen Wert des pathLength-Werts während der Animation zu ermitteln, verwenden Sie die SVGAnimatedNumber.animVal-Eigenschaft.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• SVGAnimatedInteger
• SVGElement