SVGAngle
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 SVGAngle interface is used to represent a value that can be an <angle> or <number> value.
The SVGAngle returned from SVGAnimatedAngle.animVal and SVGAnimatedAngle.baseVal is read only, but the SVGAngle returned from SVGSVGElement.createSVGAngle() is writable. When designated as read only, attempts to modify the object will result in an exception being thrown.
An SVGAngle object can be associated with a particular element. The associated element is used to determine which element's content attribute to update if the object reflects an attribute. Unless otherwise described, an SVGAngle object is not associated with any element.
Every SVGAngle object operates in one of two modes:
- Reflect the base value of a reflected animatable attribute (being exposed through the
baseValmember of anSVGAnimatedAngle), - Be detached, which is the case for
SVGAngleobjects created withSVGSVGElement.createSVGAngle().
Instance properties
SVGAngle.unitType-
The type of the value as specified by one of the
SVG_ANGLETYPE_*constants defined on this interface. SVGAngle.value-
The value as a floating point value, in user units. Setting this attribute will cause
valueInSpecifiedUnitsandvalueAsStringto be updated automatically to reflect this setting. SVGAngle.valueInSpecifiedUnits-
The value as a floating point value, in the units expressed by
unitType. Setting this attribute will causevalueandvalueAsStringto be updated automatically to reflect this setting. SVGAngle.valueAsString-
The value as a string value, in the units expressed by
unitType. Setting this attribute will causevalue,valueInSpecifiedUnits, andunitTypeto be updated automatically to reflect this setting.
Instance methods
SVGAngle.convertToSpecifiedUnits()-
Preserve the same underlying stored value, but reset the stored unit identifier to the given
unitType. Object attributesunitType,valueInSpecifiedUnits, andvalueAsStringmight be modified as a result of this method. SVGAngle.newValueSpecifiedUnits()-
Reset the value as a number with an associated unitType, thereby replacing the values for all of the attributes on the object.
Static properties
SVG_ANGLETYPE_UNKNOWN(0)-
Some unknown type of value.
SVG_ANGLETYPE_UNSPECIFIED(1)-
A unitless
<number>interpreted as a value in degrees. SVG_ANGLETYPE_DEG(2)-
An
<angle>with adegunit. SVG_ANGLETYPE_RAD(3)-
An
<angle>with aradunit. SVG_ANGLETYPE_GRAD(4)-
An
<angle>with agradunit.
Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # InterfaceSVGAngle |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
SVGAngle
|
|
|
|
|
|
|
|
|
|
|
|
|
convertToSpecifiedUnits
|
|
|
|
|
|
|
|
|
|
|
|
|
newValueSpecifiedUnits
|
|
|
|
|
|
|
|
|
|
|
|
|
unitType
|
|
|
|
|
|
|
|
|
|
|
|
|
value
|
|
|
|
|
|
|
|
|
|
|
|
|
valueAsString
|
|
|
|
|
|
|
|
|
|
|
|
|
valueInSpecifiedUnits
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support