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 | 不支持 |
相关链接
- 它不可修改的部分
DOMMatrixReadOnly
-
SVGMatrix
,SVG 矩阵旨在被DOMMatrix
取代