The setOrientToAuto() method of the SVGMarkerElement interface sets the value of the orient attribute to auto.
SVGMarkerElement.setOrientToAuto()
Syntax
setOrientToAuto()
Parameters
None.
Examples
In the following example the value of the orient attribute is updated using setOrientToAuto().
<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>
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) 1.1 (Second Edition) # __svg__SVGMarkerElement__setOrientToAuto |
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 | |
setOrientToAuto |
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/setOrientToAuto
