From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/api/dommatrix/index.html | 181 +++++++++++++++++++++++++++++++ 1 file changed, 181 insertions(+) create mode 100644 files/zh-cn/web/api/dommatrix/index.html (limited to 'files/zh-cn/web/api/dommatrix/index.html') diff --git a/files/zh-cn/web/api/dommatrix/index.html b/files/zh-cn/web/api/dommatrix/index.html new file mode 100644 index 0000000000..e142998d45 --- /dev/null +++ b/files/zh-cn/web/api/dommatrix/index.html @@ -0,0 +1,181 @@ +--- +title: DOMMatrix +slug: Web/API/DOMMatrix +translation_of: Web/API/DOMMatrix +--- +

{{APIRef("Geometry Interfaces")}}{{SeeCompatTable}}

+ +

DOMMatrix接口代表4x4矩阵，适合 2D 和3D 操作。

+ +

一个4x4矩阵适于描绘任何3D的旋转（rotation ）和过渡（translation）。

+ +

此接口在Web workers里应该是可用的，虽然某些实现现在还不允许。

+ +

属性

+ +

此接口从{{domxref("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 {{ReadOnlyInline}}
+
代表了2D旋转和过渡所需要的一个4x4矩阵的每个组成部分的double值。它们是这个矩阵的一些组成的别名： + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
2D3D 等价值
am11
bm12
cm21
dm22
em41
fm42
+
+
+ +

方法

+ +

此接口从{{domxref("DOMMatrixReadOnly")}}继承方法。

+ +
+
{{domxref("DOMMatrixReadOnly.multiplySelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是原始矩阵乘以指定的矩阵{{domxref("DOMMatrix")}}的结果。
+
{{domxref("DOMMatrixReadOnly.preMultiplySelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是指定的矩阵{{domxref("DOMMatrix")}}乘以原始矩阵的结果。
+
{{domxref("DOMMatrix.translateSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是矩阵被指定向量转换后的结果。
+
{{domxref("DOMMatrix.scaleSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是矩阵的 x 和y维度被指定因子缩放后的结果，对齐指定原点。
+
{{domxref("DOMMatrix.scale3dSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是矩阵的 x, y和z维度被指定因子缩放后的结果，对齐指定原点。
+
{{domxref("DOMMatrix.scaleNonUniformSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是矩阵的 x, y和z维度被各自维度的指定因子缩放后的结果，对齐指定原点。
+
{{domxref("DOMMatrix.rotateSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是原始矩阵被指定角度旋转后的结果，对齐指定原点。
+
{{domxref("DOMMatrix.rotateFromVectorSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是原始矩阵被指定角度旋转后的结果，该角度在指定向量和 (1,0)之间，对齐指定原点。
+
{{domxref("DOMMatrix.rotateAxisAngleSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是原始矩阵被指定角度和指定向量旋转后的结果。
+
{{domxref("DOMMatrix.skewXSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是原始矩阵被指定因子沿x轴倾斜后的结果。
+
{{domxref("DOMMatrix.skewYSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是原始矩阵被指定因子沿y轴倾斜后的结果。
+
{{domxref("DOMMatrix.invertSelf()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，它的新内容是原始矩阵求逆后的结果。如果不能求逆，所有的组成部分会被设为NaN，并且is2D()返回 false。
+
{{domxref("DOMMatrix.setMatrixValue()")}}
+
返回自身，一个{{domxref("DOMMatrix")}}，描述了一个矩阵，它的变换（transformation）和被参数指定的CSS {{domxref("transform")}}函数一样。
+
+ +

规范

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{ SpecName('Geometry Interfaces', '#dom-dommatrix', 'DOMMatrix') }}{{ Spec2('Geometry Interfaces') }}Initial definition
+ +

浏览器兼容性

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureFirefox (Gecko)ChromeInternet ExplorerOperaSafari
基本支持{{CompatGeckoDesktop(33)}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
可用于 Web workers{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureFirefox Mobile (Gecko)AndroidIE MobileOpera MobileSafari Mobile
基本支持{{CompatGeckoMobile(33)}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
可用于 Web workers{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
+
+ +

相关链接

+ + -- cgit v1.2.3-54-g00ecf