DOMMatrix
The DOMMatrix
interface represents 4×4 matrices, suitable for 2D and 3D operations including rotation and translation.
Properties
The readonly isIdentity
property of the DOMMatrixReadOnly interface is a Boolean whose value is true
if the matrix is the identity matrix.
Functions
The invertSelf()
method of the DOMMatrix interface inverts the original matrix.
The multiply()
method of the DOMMatrixReadOnly interface creates and returns a new matrix which is the dot product of the matrix and the otherMatrix
parameter.
The multiplySelf()
method of the DOMMatrix interface multiplies a matrix by the otherMatrix
parameter, computing the dot product of the original matrix and the specified matrix: A⋅B
.
The preMultiplySelf()
method of the DOMMatrix interface modifies the matrix by pre-multiplying it with the specified DOMMatrix
.
The rotateAxisAngle()
method of the DOMMatrixReadOnly interface returns a new DOMMatrix created by rotating the source matrix by the given vector and angle.
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.
The rotateFromVector()
method of the DOMMatrixReadOnly interface is returns a new DOMMatrix created by rotating the source matrix by the angle between the specified vector and (1, 0)
.
The rotateFromVectorSelf()
method of the DOMMatrix interface is a mutable transformation method that modifies a matrix by rotating the matrix by the angle between the specified vector and (1, 0)
.
The rotateSelf()
method of the DOMMatrix interface is a mutable transformation method that modifies a matrix.
The scale()
method of the original matrix with a scale transform applied.
The scale3d()
method of the DOMMatrixReadOnly interface creates a new matrix which is the result of a 3D scale transform being applied to the matrix.
The scale3dSelf()
method of the DOMMatrix interface is a mutable transformation method that modifies a matrix by applying a specified scaling factor to all three axes, centered on the given origin, with a default origin of (0, 0, 0)
, returning the 3D-scaled matrix.
The scaleSelf()
method of the DOMMatrix interface is a mutable transformation method that modifies a matrix by applying a specified scaling factor, centered on the given origin, with a default origin of (0, 0)
, returning the scaled matrix.
The setMatrixValue()
method of the DOMMatrix interface replaces the contents of the matrix with the matrix described by the specified transform or transforms, returning itself.
The toFloat32Array()
method of the DOMMatrixReadOnly interface returns a new Float32Array containing all 16 elements (m11
, m12
, m13
, m14
, m21
, m22
, m23
, m24
, m31
, m32
, m33
, m34
, m41
, m42
, m43
, m44
) which comprise the matrix.
The toFloat64Array()
method of the DOMMatrixReadOnly interface returns a new Float64Array containing all 16 elements (m11
, m12
, m13
, m14
, m21
, m22
, m23
, m24
, m31
, m32
, m33
, m34
, m41
, m42
, m43
, m44
) which comprise the matrix.
The transformPoint
method of the You can also create a new DOMPoint
by applying a matrix to a point with the DOMPointReadOnly.matrixTransform() method.
The translateSelf()
method of the DOMMatrix interface is a mutable transformation method that modifies a matrix.