DOMMatrix - 代表 4x4 矩阵,适用于 2D 和 3D 操作

DOMMatrix 接口代表 4x4 矩阵,适用于 2D 和 3D 操作。

4x4 矩阵适合描述 3D 中的任何旋转和平移。

该接口应该可以在 Web worker 中使用,但某些实现还不允许使用。

构造函数

DOMMatrix()

创建一个新的 DOMMatrix 对象。

属性

该接口继承了 DOMMatrixReadOnly 的属性,但有些被修改为不是只读的。

is2D只读

一个 boolen,当前矩阵初始化为 2D 矩阵时为 true

isIdentity只读

一个 boolean,如果当前矩阵是单位矩阵,则为 true

m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44

均为 double,代表 4x4 矩阵的每个组成部分。

a, b, c, d, e, f

均为 double,表示 2D 旋转和平移所需的 4x4 矩阵的每个分量。它们是 4x4 矩阵的某些组件的别名:

2D 相等于 3D
a m11
b m12
c m21
d m22
e m41
f m42

方法

该接口继承了 DOMMatrixReadOnly 的方法。

DOMMatrixReadOnly.multiplySelf()

返回自身,DOMMatrix,其新内容是原始矩阵乘以给定 DOMMatrix 的结果。

DOMMatrixReadOnly.preMultiplySelf()

返回自身,DOMMatrix,其新内容是给定 DOMMatrix 乘以原始矩阵的结果。

DOMMatrix.translateSelf()

返回自身,DOMMatrix,其新内容是由给定向量转换矩阵的结果。

DOMMatrix.scaleSelf()

返回自身,DOMMatrix,其新内容是由给定因子缩放的矩阵 x 和 y 维度的结果,以给定的原点为中心。

DOMMatrix.scale3dSelf()

返回自身,DOMMatrix,其新内容是由给定因子缩放的矩阵 x,y 和 z 维度的结果,以给定的原点为中心。

DOMMatrix.scaleNonUniformSelf()

返回自身,DOMMatrix,其新内容是矩阵 x,y 和 z 维度的结果,每个维度的给定因子缩放,以给定的原点为中心。

DOMMatrix.rotateSelf()

返回自身,DOMMatrix,其新内容是原始矩阵按给定角度旋转的结果,旋转以给定的原点为中心。

DOMMatrix.rotateFromVectorSelf()

返回自身,DOMMatrix,其新内容是原始矩阵被旋转给定矢量和(1,0)之间的角度的结果,以给定的原点为中心。

DOMMatrix.rotateAxisAngleSelf()

返回自身,DOMMatrix,其新内容是原始矩阵按给定角度和给定向量旋转的结果。

DOMMatrix.skewXSelf()

返回自身,DOMMatrix,其新内容是原始矩阵沿着 x 轴被给定因子倾斜的结果。

DOMMatrix.skewYSelf()

返回自身,DOMMatrix,其新内容是原始矩阵沿着 y 轴由给定因子倾斜的结果。

DOMMatrix.invertSelf()

返回自身,DOMMatrix,其新内容是原始矩阵被反转的结果。如果矩阵不能被反转,则其所有组件都设置为 NaN,而 is2D() 则返回 false

DOMMatrix.setMatrixValue()

返回自身,DOMMatrix,其中描述的矩阵表示与参数中给出的 CSS transform 函数相同的变换。

规范

规范 状态 备注
Geometry Interfaces Module Level 1
DOMMatrix 的定义
候选推荐 初始定义

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 61 不支持 33 不支持 48 不支持
Web workers 中支持 61 不支持 不支持 不支持 48 不支持
DOMMatrix() 构造函数 61 不支持 33 不支持 48 不支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 61 61 不支持 33 未知 48 不支持
Web workers 中支持 61 61 不支持 不支持 未知 48 不支持
DOMMatrix() 构造函数 61 61 不支持 33 未知 48 不支持

相关链接