The orientAngle read-only property of the SVGMarkerElement interface returns an SVGAnimatedAngle object containing the angle of the orient attribute.


let angle = SVGMarkerElement.orientAngle;


An SVGAnimatedAngle object. The baseVal property of this object returns an SVGAngle, the value of which returns the angle.


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="">
    <marker id="arrow" viewBox="0 0 10 10" refX="5" refY="5"
        markerWidth="6" markerHeight="6"
      <path d="M 0 0 L 10 5 L 0 10 z" />
let marker = document.getElementById("arrow");
console.log(marker.orientAngle.baseVal.value); // 180 as .5turn is 180deg.


Specification Status Comment
Scalable Vector Graphics (SVG) 2
The definition of 'SVGMarkerElement.orientAngle' in that specification.
Candidate Recommendation Initial definition

Browser compatibility

BCD tables only load in the browser