web api instance method
DOMMatrixReadOnly: inverse() method
Available in workers
The inverse() method of the DOMMatrixReadOnly interface creates a new matrix which is the inverse of the original matrix. If the matrix cannot be inverted, the new matrix’s components are all set to NaN and its is2D property is set to false. The original matrix is not changed.
To mutate the matrix as you invert it, see invertSelf().
Syntax
inverse()
Parameters
None.
Return value
A DOMMatrix.
Examples
const matrix = new DOMMatrixReadOnly().rotate(30);
const invertedMatrix = matrix.inverse();
console.log(matrix.toString());
// output: matrix(0.866, 0.5, -0.5, 0.866, 0, 0)
console.log(invertedMatrix.toString());
// output: matrix(0.866, -0.5, 0.5, 0.866, 0, 0)
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
invertSelf()flipX()flipY()- CSS
matrix()function - CSS
matrix3d()function