Baseline Widely available
The setRotate()
method of the SVGTransform
interface sets the transform type to SVG_TRANSFORM_ROTATE
, with parameter angle
defining the rotation angle and parameters cx
and cy
defining the optional center of rotation.
angle
A float defining the rotation angle in degrees.
cx
Optional
A float defining the X-coordinate of the center of rotation. Defaults to 0
.
cy
Optional
A float defining the Y-coordinate of the center of rotation. Defaults to 0
.
None (undefined
).
NoModificationAllowedError
DOMException
Thrown if the attribute or the SVGTransform
object is read-only.
// 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
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4