DOMMatrix:invertSelf() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流浏览器均已支持。

注意:此功能在 Web Workers 中可用。

DOMMatrix 接口的 invertSelf() 方法将原始矩阵反转。如果矩阵不可逆,新矩阵的所有分量都将设置为 NaN,并且其 is2D 属性将设置为 false

要反转矩阵而不改变它,请参阅 DOMMatrixReadOnly.inverse()

语法

js
invertSelf()

参数

无。

返回值

一个 DOMMatrix

示例

在此示例中,我们创建一个旋转 30 度的矩阵。然后反转它,得到一个旋转 -30 度的矩阵。

js
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)

规范

规范
Geometry Interfaces Module Level 1
# dom-dommatrix-invertself

浏览器兼容性

另见