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 Juli 2015.
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
Loading…