W3cubDocs

/Web APIs

SVGMarkerElement: setOrientToAuto() method

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

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–2023 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