DOMMatrix: rotateSelf() 方法

Baseline 已广泛支持

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

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

DOMMatrix 接口的 rotateSelf() 方法是一个可变转换方法，用于修改矩阵。它围绕其每个轴将源矩阵旋转指定的度数，并返回旋转后的矩阵。

要旋转矩阵而不修改它，请参阅 DOMMatrixReadOnly.rotate()。

语法

rotateSelf()
rotateSelf(rotX)
rotateSelf(rotX, rotY)
rotateSelf(rotX, rotY, rotZ)

参数

rotX: 一个数字；表示旋转轴的向量的 x 坐标。
rotY 可选: 一个数字；表示旋转轴的向量的 y 坐标。
rotZ 可选: 一个数字；表示旋转轴的向量的 z 坐标。

如果只传递一个参数，rotZ 就是 rotX 的值，并且 rotX 和 rotY 都是 0，则旋转是 2D 旋转。如果 rotX 和 rotY 非零，则 is2D 为 false。

返回值

返回自身；即由给定向量旋转的 DOMMatrix。

示例

const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)"
matrix.rotateSelf(30); // mutate it
console.log(matrix); // output: "matrix(0.866, 0.5, -0.5, 0.866, 0, 0)"

规范

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

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025年3月18日 10:36:49，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题