The orientAngle
read-only property of the SVGMarkerElement
interface returns an SVGAnimatedAngle
object containing the angle of the orient
attribute.
SVGMarkerElement.orientAngle
Value
An SVGAnimatedAngle
object. The baseVal
property of this object returns an SVGAngle
, the value of which returns the angle
.
Examples
The orientAngle
property returns an SVGAnimatedAngle
which contains an SVGAngle
with the angle set by the orient
attribute as a number representing the number of degrees the marker is turned.
<svg id="svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="arrow" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="6" markerHeight="6" orient=".5turn"> <path d="M 0 0 L 10 5 L 0 10 z" /> </marker> </defs> </svg>
let marker = document.getElementById("arrow"); console.log(marker.orientAngle.baseVal.value); // 180 as .5turn is 180deg.
Specifications
Specification |
---|
Scalable Vector Graphics (SVG) 1.1 (Second Edition) # __svg__SVGMarkerElement__orientAngle |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
orientAngle |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGMarkerElement/orientAngle