DOMMatrixReadOnly: inverse() Methode
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.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die inverse()
Methode des DOMMatrixReadOnly
-Interfaces erstellt eine neue Matrix, die das Inverse der ursprünglichen Matrix darstellt. Wenn die Matrix nicht invertiert werden kann, werden die Komponenten der neuen Matrix alle auf NaN
gesetzt und ihre is2D
-Eigenschaft wird auf false
gesetzt. Die ursprüngliche Matrix bleibt unverändert.
Um die Matrix zu verändern, während Sie sie invertieren, siehe DOMMatrix.invertSelf()
.
Syntax
inverse()
Rückgabewert
Eine DOMMatrix
.
Beispiele
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)
Spezifikationen
Specification |
---|
Geometry Interfaces Module Level 1 # dom-dommatrixreadonly-inverse |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
inverse() |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
DOMMatrix.invertSelf()
DOMMatrixReadOnly.flipX()
DOMMatrixReadOnly.flipY()
- CSS
matrix()
Funktion - CSS
matrix3d()
Funktion