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 July 2015.
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
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
baseVal
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support