SVGAnimatedAngle: 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 Eigenschaft animVal des SVGAnimatedAngle-Interfaces repräsentiert den aktuell animierten Wert des zugehörigen <angle> auf einem SVG-Element. Wenn das Attribut derzeit nicht animiert wird, ist animVal identisch mit dem baseVal.

Diese Eigenschaft spiegelt den animierten Zustand des Winkels des animierenden orient-Attributs des SVG-<marker>-Elements wider und ermöglicht den Zugriff auf den Wert des Winkels während der Animationen.

Wert

Ein SVGAngle-Objekt, das den animierten Wert des <angle>-Inhaltstyps darstellt.

  • Wenn der Winkel animiert wird, wird animVal den aktuellen Animationszustand widerspiegeln.
  • Wenn der Winkel nicht animiert wird, ist animVal identisch mit SVGAnimatedAngle.baseVal.

Beispiele

js
const marker = document.querySelector("[orient]");

// Set an initial angle for the orient attribute
marker.setAttribute("orient", "45");

// Access the animated value of the angle
const animAngle = marker.orientAngle.animVal; // an SVGAngle object

console.log(animAngle.value); // Output: 45 (current animated value of the angle)
console.log(animAngle.unitType); // Output: 2 (constant for SVG_ANGLETYPE_DEG)

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedAngle__animVal

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch