SVGMarkerElement: setOrientToAngle()-Methode
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 setOrientToAngle()-Methode der SVGMarkerElement-Schnittstelle setzt den Wert des orient-Attributs auf den Wert des übergebenen SVGAngle.
Syntax
js
setOrientToAngle(angle) Parameter
Rückgabewert
Keiner (undefined).
Beispiele
Im folgenden Beispiel wird der Wert des orient-Attributs mit setOrientToAngle() aktualisiert, wobei ein SVGAngle verwendet wird, der mit SVGSVGElement.createSVGAngle() erstellt wurde.
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 svg = document.getElementById("svg"); let marker = document.getElementById("arrow"); console.log(marker.orientAngle.baseVal.value); // value in SVG above - 90 let angle = svg.createSVGAngle(); angle.value = "110"; marker.setOrientToAngle(angle); console.log(marker.orientAngle.baseVal.value); // new value - 110 Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGMarkerElement__setOrientToAngle |