这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
DOMMatrix
接口代表4x4矩阵,适合 2D 和3D 操作。
一个4x4矩阵适于描绘任何3D的旋转(rotation )和过渡(translation)。
此接口在Web workers里应该是可用的,虽然某些实现现在还不允许。
属性
此接口从DOMMatrixReadOnly
继承属性,虽然某些属性被修改为非只读的。
m11
,m12
,m13
,m14
,m21
,m22
,m23
,m24
,m31
,m32
,m33
,m34
,m41
,m42
,m43
,m44
- 代表一个4x4矩阵的每个组成部分的double值。
a
,b
,c
,d
,e
,f
只读- 代表了2D旋转和过渡所需要的一个4x4矩阵的每个组成部分的double值。它们是这个矩阵的一些组成的别名:
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
,描述了一个矩阵,它的变换(transformation)和被参数指定的CSStransform
函数一样。
规范
Specification | Status | Comment |
---|---|---|
Geometry Interfaces Module Level 1 DOMMatrix |
Candidate Recommendation | Initial definition |
浏览器兼容性
Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
基本支持 | 33 (33) | ? | 未实现 | ? | 未实现 |
可用于 Web workers | 未实现 | ? | 未实现 | ? | 未实现 |
Feature | Firefox Mobile (Gecko) | Android | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
基本支持 | 33.0 (33) | ? | 未实现 | ? | 未实现 |
可用于 Web workers | 未实现 | ? | 未实现 | ? | 未实现 |
相关链接
- 它的不可修改部分,
DOMMatrixReadOnly
SVGMatrix
,SVG 矩阵计划被DOMMatrix
替代