DOMMatrixReadOnly: inverse() method

Note: This feature is available in Web 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 DOMMatrix.invertSelf().

Syntax

js
inverse()

Parameters

None.

Return value

A DOMMatrix.

Examples

js
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

See also