SVGMarkerElement: orientAngle-Eigenschaft

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.

Die orientAngle schreibgeschützte Eigenschaft des SVGMarkerElement-Interfaces gibt ein SVGAnimatedAngle-Objekt zurück, das den Winkel des orient-Attributs enthält.

Wert

Ein SVGAnimatedAngle-Objekt. Die baseVal-Eigenschaft dieses Objekts gibt ein SVGAngle zurück, dessen Wert den angle zurückgibt.

Beispiele

Die orientAngle-Eigenschaft gibt ein SVGAnimatedAngle zurück, das ein SVGAngle enthält, mit dem durch das orient-Attribut festgelegten Winkel als Zahl, die die Anzahl der Grad darstellt, um die der Marker gedreht ist.

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=".5turn">
      <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); // 180 as .5turn is 180deg.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGMarkerElement__orientAngle

Browser-Kompatibilität

BCD tables only load in the browser