DOMMatrix - Web API 接口参考 编辑

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

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!

• Desktop
• Mobile

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替代