SVGMarkerElement: orientType 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 orientType schreibgeschützte Eigenschaft der SVGMarkerElement Schnittstelle gibt ein SVGAnimatedEnumeration Objekt zurück, das angibt, ob das orient Attribut auto, ein Winkelwert oder etwas anderes ist.

Dieses etwas anderes ist höchstwahrscheinlich das Schlüsselwort auto-start-reverse, jedoch lässt die Spezifikation offen, dass dies andere Werte sein können. Nicht unterstützte Werte werden im Allgemeinen vom Parser verworfen, wodurch der Wert auf den Standardwert auto gesetzt wird.

Wert

Ein SVGAnimatedEnumeration Objekt. Dies enthält einen der folgenden Werte:

0

SVG_MARKER_ORIENT_UNKNOWN, was bedeutet, dass das orient Attribut einen anderen Wert als auto oder einen Winkel hat.

1

SVG_MARKERUNITS_ORIENT_AUTO, was bedeutet, dass das orient Attribut den Schlüsselwortwert auto hat.

2

SVG_MARKERUNITS_ORIENT_ANGLE, was bedeutet, dass das orient Attribut einen <angle> oder <number> Wert hat, der den Winkel angibt.

Beispiele

Die orientType Eigenschaft gibt ein SVGAnimatedEnumeration Objekt zurück. Da der Wert des orient Attributs ein Winkel ist, wird bei der Rückgabe von SVGAnimatedEnumeration.baseVal der Wert 2 zurückgegeben.

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=".63deg">
      <path d="M 0 0 L 10 5 L 0 10 z" />
    </marker>
  </defs>
</svg>
js
let marker = document.getElementById("arrow");
console.log(marker.orientType.baseVal); // 2

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGMarkerElement__orientType

Browser-Kompatibilität

BCD tables only load in the browser