DOMMatrix

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

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)和被参数指定的CSS transform函数一样。

规范

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 未实现 ? 未实现 ? 未实现

相关链接

文档标签和贡献者