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

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

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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

相关链接

文档标签和贡献者

此页面的贡献者: kameii
最后编辑者: kameii,