GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • MDN
  • HTML: Markup language
  • Elements
  • Global attributes
  • Attributes
  • See all…
  • Responsive images
  • HTML cheatsheet
  • Date & time formats
  • See all…
  • SVG
  • MathML
  • XML
  • CSS: Styling language

This view

  • Original page
  • New address

GeezerVison is showing developer.mozilla.org — DOMMatrixReadOnly: inverse() method - Web APIs | MDN

DOMMatrixReadOnly: inverse() method

Baseline
Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

  • See full compatibility
  • Learn more

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

Specification
Geometry Interfaces Module Level 1
# dom-dommatrixreadonly-inverse

Browser compatibility

See also

  • DOMMatrix.invertSelf()
  • DOMMatrixReadOnly.flipX()
  • DOMMatrixReadOnly.flipY()
  • CSS matrix() function
  • CSS matrix3d() function

Help improve MDN

Learn how to contribute

This page was last modified on Jun 26, 2025 by MDN contributors.

View this page on GitHub • Report a problem with this content
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.