SVGAnimatedNumber: 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 baseVal-Eigenschaft des SVGAnimatedNumber-Interfaces repräsentiert den Basiswert (nicht animiert) eines animierbaren numerischen Attributs.

Einige animierbare SVG-Attribute akzeptieren einen einzelnen numerischen Wert, wie z.B. 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, also den nicht animierten Wert, des numerischen Attributs wider und aktualisiert ihn.

Wert

Eine Nummer; der Basiswert des Attributs als Fließkommazahl.

Beispiele

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

html
<path d="M 0,40 h100" pathLength="90" id="path">
  <animate
    attributeName="pathLength"
    values="50; 90; 50;"
    dur="10s"
    repeatCount="indefinite" />
</path>
js
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

Der baseVal spiegelt den Wert des pathLength-Attributs wider. Wir verwenden die baseVal-Eigenschaft auch, um auf den Basiswert (nicht animierend) des animierenden pathLength zuzugreifen.

Um auf den aktuellen Wert des pathLength-Werts zuzugreifen, während er animiert, verwenden Sie die SVGAnimatedNumber.animVal-Eigenschaft.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedNumber__baseVal

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch