SVGMarkerElement: setOrientToAuto() method
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 setOrientToAuto() method of the SVGMarkerElement interface sets the value of the orient attribute to auto.
Syntax
js
setOrientToAuto()
Parameters
None.
Return value
None (undefined).
Examples
In the following example the value of the orient attribute is updated using setOrientToAuto().
html
<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="90">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
</defs>
</svg>
js
let marker = document.getElementById("arrow");
console.log(marker.orientAngle.baseVal.value);
marker.setOrientToAuto();
console.log(marker.orientAngle.baseVal.value);
Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGMarkerElement__setOrientToAuto |
Browser compatibility
Loading…