SVGAnimatedAngle: baseVal property

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.

The baseVal read-only property of the SVGAnimatedAngle interface represents the base (non-animated) value of the associated <angle> on an SVG element. This property is used to retrieve the static value of the <angle>, unaffected by any ongoing animations.

This property reflects the <angle> value of the orient attribute of the SVG <marker> element, which is the same as the SVGMarkerElement.orientAngle property.

Value

An SVGAngle object representing the base value of the <angle> content type.

  • The value is unaffected by animations, representing the initial state of the angle.
  • The unit type of the angle can be retrieved from SVGAngle.unitType.

Examples

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

// Set the orient attribute with an angle
marker.setAttribute("orient", "90");
const baseAngle = marker.orientAngle.baseVal; // an SVGAngle object

console.log(baseAngle.value); // Output: 90
console.log(baseAngle.unitType); // Output: 1 (constant for SVG_ANGLETYPE_UNSPECIFIED)

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedAngle__baseVal

Browser compatibility

BCD tables only load in the browser

See also