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

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 Zentrum der Rotation definieren.

Syntax

SVGTransform.setRotate(angle, cx, cy)

Parameter

angle: Ein Fließkommawert, der den Rotationswinkel in Grad definiert.
cx Optional: Ein Fließkommawert, der die X-Koordinate des Rotationszentrums definiert. Standardmäßig 0.
cy Optional: Ein Fließkommawert, der die Y-Koordinate des Rotationszentrums definiert. Standardmäßig 0.

Rückgabewert

Keiner (undefined).

Ausnahmen

NoModificationAllowedError DOMException: Wird ausgelöst, wenn das Attribut oder das SVGTransform-Objekt schreibgeschützt ist.

Beispiele

Rotieren eines SVG-Elements

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

BCD tables only load in the browser

Siehe auch

SVGTransform.angle