Baseline Widely available
Note: This feature is available in Web Workers.
The rotateSelf()
method of the DOMMatrix
interface is a mutable transformation method that modifies a matrix. It rotates the source matrix around each of its axes by the specified number of degrees and returns the rotated matrix.
To rotate a matrix without mutating it, see DOMMatrixReadOnly.rotate()
rotateSelf()
rotateSelf(rotX)
rotateSelf(rotX, rotY)
rotateSelf(rotX, rotY, rotZ)
Parameters
rotX
A number; the x-coordinate of the vector denoting the axis of rotation
rotY
Optional
A number; the y-coordinate of the vector denoting the axis of rotation.
rotZ
Optional
A number; the z-coordinate of the vector denoting the axis of rotation
If only one parameter is passed, rotZ
is the value of rotX
, and both rotX
and rotY
are 0
, and the rotation is a 2D rotation. If rotX
and rotY
are non-zero, the is2D
is false
.
Returns itself; the DOMMatrix
rotated by the given vectors.
const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)"
matrix.rotateSelf(30); // mutate it
console.log(matrix); // output: "matrix(0.866, 0.5, -0.5, 0.866, 0, 0)"
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