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