Note: This feature is available in Web Workers.
The invertSelf() method of the DOMMatrix interface inverts 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.
To invert a matrix without mutating it, see DOMMatrixReadOnly.inverse()
invertSelf()None.
A DOMMatrix.
In this example, we create a matrix with a rotation of 30deg. Then invert it, resulting in a rotation of -30deg.
const matrix = new DOMMatrix().rotate(30);
console.log(matrix.toString());
// output: matrix(0.866, 0.5, -0.5, 0.866, 0, 0)
matrix.invertSelf();
console.log(matrix.toString());
// output: matrix(0.866, -0.5, 0.5, 0.866, 0, 0)DOMMatrixReadOnly.inverse()matrix() functionmatrix3d() function