SVGTransform: setRotate()-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 setRotate()-Methode der SVGTransform-Schnittstelle setzt den Transformationstyp auf SVG_TRANSFORM_ROTATE, wobei der Parameter angle den Rotationswinkel definiert und die Parameter cx und cy das optionale Rotationszentrum definieren.
Syntax
js
setRotate(angle, cx, cy)
Parameter
angle-
Ein float, der den Rotationswinkel in Grad definiert.
cxOptional-
Ein float, der die X-Koordinate des Rotationszentrums definiert. Standardwert ist
0. cyOptional-
Ein float, der die Y-Koordinate des Rotationszentrums definiert. Standardwert ist
0.
Rückgabewert
Keiner (undefined).
Ausnahmen
NoModificationAllowedErrorDOMException-
Wird ausgelöst, wenn das Attribut oder das
SVGTransform-Objekt schreibgeschützt ist.
Beispiele
Rotieren eines SVG-Elements
js
// Select an SVG element and create a transform object
const svgElement = document.querySelector("svg");
const transform = svgElement.createSVGTransform();
// Set a rotation of 45 degrees
transform.setRotate(45, 0, 0);
// Output the rotation angle
console.log(`Rotation Angle: ${transform.angle}`); // Output: 45
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTransform__setRotate |
Browser-Kompatibilität
Loading…