Baseline Widely available
Note: This feature is available in Web Workers.
The rotateAxisAngleSelf()
method of the DOMMatrix
interface is a transformation method that rotates the source matrix by the given vector and angle, returning the altered matrix.
To rotate a matrix without mutating it, see DOMMatrixReadOnly.rotateAxisAngle()
, which creates a new rotated matrix while leaving the original unchanged.
rotateAxisAngleSelf()
rotateAxisAngleSelf(rotX)
rotateAxisAngleSelf(rotX, rotY)
rotateAxisAngleSelf(rotX, rotY, rotZ)
rotateAxisAngleSelf(rotX, rotY, rotZ, angle)
Parameters
rotX
A number; the x-coordinate of the vector denoting the axis of rotation. If non-zero, is2D
is false.
rotY
Optional
A number; the y-coordinate of the vector denoting the axis of rotation. If undefined, the rotX
value is used. If non-zero, is2D
is false.
rotZ
Optional
A number; the z-coordinate of the vector denoting the axis of rotation. If undefined, the rotX
value is used.
angle
Optional
A number; the angle of the rotation around the axis vector, in degrees.
If rotY
and rotZ
are both missing, rotZ
is set to the value of rotX
, and both rotX
and rotY
are 0
.
A DOMMatrix
.
const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.rotateAxisAngleSelf(10, 20, 30, 45).toString());
/* "matrix3d(
0.728, 0.609, -0.315, 0,
-0.525, 0.791, 0.315, 0,
0.441, -0.063, 0.895,
0, 0, 0, 0, 1)" */
console.log(matrix.toString());
/* "matrix3d(
0.728, 0.609, -0.315, 0,
-0.525, 0.791, 0.315, 0,
0.441, -0.063, 0.895, 0,
0, 0, 0, 1)" */
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