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 January 2020.

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

BCD tables only load in the browser