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

setRotate(angle, cx, cy)

Parameter

angle

Ein float, der den Rotationswinkel in Grad definiert.

cx Optional

Ein float, der die X-Koordinate des Rotationszentrums definiert. Standardwert ist 0.

cy Optional

Ein float, der die Y-Koordinate des Rotationszentrums definiert. Standardwert ist 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

Browser-Kompatibilität

Siehe auch

• SVGTransform.angle