DOMMatrixReadOnly
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Das DOMMatrixReadOnly
-Interface stellt eine schreibgeschützte 4×4-Matrix dar, die für 2D- und 3D-Operationen geeignet ist. Das DOMMatrix
-Interface — das auf DOMMatrixReadOnly
basiert — fügt Mutabilität hinzu, wodurch Sie die Matrix nach ihrer Erstellung ändern können.
Dieses Interface sollte innerhalb von Web-Workern verfügbar sein, obwohl einige Implementierungen dies noch nicht erlauben.
Konstruktor
DOMMatrixReadOnly()
-
Erstellt ein neues
DOMMatrixReadOnly
-Objekt.
Instanz-Eigenschaften
Dieses Interface erbt keine Eigenschaften.
DOMMatrixReadOnly.is2D
Schreibgeschützt-
Ein Boolean-Flag, dessen Wert
true
ist, wenn die Matrix als 2D-Matrix initialisiert wurde. Wennfalse
, ist die Matrix 3D. DOMMatrixReadOnly.isIdentity
Schreibgeschützt-
Ein Boolean, dessen Wert
true
ist, wenn die Matrix eine Einheitsmatrix ist. m11
,m12
,m13
,m14
,m21
,m22
,m23
,m24
,m31
,m32
,m33
,m34
,m41
,m42
,m43
,m44
-
Doppelt-präzise Fließkommazahlen, die jede Komponente einer 4×4-Matrix darstellen, wobei
m11
bism14
die erste Spalte sind,m21
bism24
die zweite Spalte und so weiter. a
,b
,c
,d
,e
,f
-
Doppelt-präzise Fließkommazahlen, die die Komponenten einer 4×4-Matrix darstellen, die erforderlich sind, um 2D-Rotation und Translation durchzuführen. Diese sind Aliasse für spezifische Komponenten einer 4×4-Matrix, wie unten gezeigt.
2D 3D-Äquivalent a
m11
b
m12
c
m21
d
m22
e
m41
f
m42
Instanz-Methoden
Dieses Interface erbt keine Methoden. Keine der folgenden Methoden verändert die ursprüngliche Matrix.
DOMMatrixReadOnly.flipX()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die Quellmatrix entlang ihrer X-Achse gespiegelt wird. Dies entspricht der Multiplikation der Matrix mitDOMMatrix(-1, 0, 0, 1, 0, 0)
. Die ursprüngliche Matrix wird nicht geändert. DOMMatrixReadOnly.flipY()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die Quellmatrix entlang ihrer Y-Achse gespiegelt wird. Dies entspricht der Multiplikation der Matrix mitDOMMatrix(1, 0, 0, -1, 0, 0)
. Die ursprüngliche Matrix wird nicht geändert. DOMMatrixReadOnly.inverse()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die Quellmatrix invertiert wird. Die ursprüngliche Matrix wird nicht verändert. DOMMatrixReadOnly.multiply()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem das Skalarprodukt der Quellmatrix und der angegebenen Matrix berechnet wird. Die ursprüngliche Matrix ist nicht DOMMatrixReadOnly.rotateAxisAngle()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die Quellmatrix um den gegebenen Winkel um den angegebenen Vektor rotiert wird. Die ursprüngliche Matrix wird nicht geändert. DOMMatrixReadOnly.rotate()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die Quellmatrix um jeden ihrer Achsen um die angegebenen Grad gedreht wird. Die ursprüngliche Matrix wird nicht verändert. DOMMatrixReadOnly.rotateFromVector()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die Quellmatrix um den Winkel zwischen dem angegebenen Vektor und(1, 0)
rotiert wird. Die ursprüngliche Matrix wird nicht verändert. DOMMatrixReadOnly.scale()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die Quellmatrix um den für jede Achse angegebenen Betrag skaliert wird, zentriert auf dem angegebenen Ursprung. Standardmäßig werden die X- und Z-Achsen um1
skaliert und die Y-Achse hat keinen standardmäßigen Skalierungswert. Der Standardursprung ist(0, 0, 0)
. Die ursprüngliche Matrix wird nicht verändert. DOMMatrixReadOnly.scale3d()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die Quellmatrix in 3D um den gegebenen Faktor entlang aller Achsen skaliert wird, zentriert auf dem angegebenen Ursprungspunkt. Der Standardursprung ist(0, 0, 0)
. Die ursprüngliche Matrix wird nicht verändert. DOMMatrixReadOnly.scaleNonUniform()
Veraltet-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die angegebene Skalierungen auf den X-, Y- und Z-Achsen angewendet werden, zentriert auf dem angegebenen Ursprung. Standardmäßig sind die Skalierungsfaktoren für die Y- und Z-Achse beide1
, aber der Skalierungsfaktor für X muss angegeben werden. Der Standardursprung ist(0, 0, 0)
. Die ursprüngliche Matrix wird nicht verändert. DOMMatrixReadOnly.skewX()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die angegebene Schertransformation auf die Quellmatrix entlang ihrer X-Achse angewendet wird. Die ursprüngliche Matrix wird nicht verändert. DOMMatrixReadOnly.skewY()
-
Gibt eine neue
DOMMatrix
zurück, die erstellt wurde, indem die angegebene Schertransformation auf die Quellmatrix entlang ihrer Y-Achse angewendet wird. Die ursprüngliche Matrix wird nicht verändert. DOMMatrixReadOnly.toFloat32Array()
-
Gibt ein neues
Float32Array
von einfach-präzisen Fließkommazahlen zurück, das alle 16 Elemente enthält, die die Matrix bilden. DOMMatrixReadOnly.toFloat64Array()
-
Gibt ein neues
Float64Array
von doppelt-präzisen Fließkommazahlen zurück, das alle 16 Elemente enthält, die die Matrix bilden. DOMMatrixReadOnly.toJSON()
-
Gibt eine JSON-Darstellung des
DOMMatrixReadOnly
-Objekts zurück. DOMMatrixReadOnly.toString()
-
Erstellt und gibt eine Zeichenkettendarstellung der Matrix in CSS-Matrix-Notation zurück, indem die entsprechende CSS-Matrix-Notation verwendet wird.
DOMMatrixReadOnly.transformPoint()
-
Transformiert den angegebenen Punkt unter Verwendung der Matrix und gibt ein neues
DOMPoint
-Objekt zurück, das den transformierten Punkt enthält. Weder die Matrix noch der ursprüngliche Punkt werden verändert. DOMMatrixReadOnly.translate()
-
Gibt eine neue
DOMMatrix
zurück, die eine durch Translation der Quellmatrix unter Verwendung des angegebenen Vektors berechnete Matrix enthält. Standardmäßig ist der Vektor(0, 0, 0)
. Die ursprüngliche Matrix wird nicht verändert.
Statische Methoden
fromFloat32Array()
-
Erstellt ein neues, veränderliches
DOMMatrix
-Objekt aus einem Array von einfach-präzisen (32-Bit) Fließkommazahlen. Hat das Array sechs Werte, ist das Ergebnis eine 2D-Matrix; hat das Array 16 Werte, ist das Ergebnis eine 3D-Matrix. Andernfalls wird eineTypeError
-Ausnahme ausgelöst. fromFloat64Array()
-
Erstellt ein neues, veränderliches
DOMMatrix
-Objekt aus einem Array von doppelt-präzisen (64-Bit) Fließkommazahlen. Hat das Array sechs Werte, ist das Ergebnis eine 2D-Matrix; hat das Array 16 Werte, ist das Ergebnis eine 3D-Matrix. Andernfalls wird eineTypeError
-Ausnahme ausgelöst. fromMatrix()
-
Erstellt ein neues, veränderliches
DOMMatrix
-Objekt basierend auf einer vorhandenen Matrix oder einem Objekt, das die Werte für seine Eigenschaften bereitstellt. Wenn keine Matrix angegeben ist, wird die Matrix mit jedem Element auf0
initialisiert, außer die Ecke unten rechts und das Element unmittelbar darüber und links davon:m33
undm34
. Diese haben den Standardwert1
.
Spezifikationen
Specification |
---|
Geometry Interfaces Module Level 1 # DOMMatrix |
Browser-Kompatibilität
Siehe auch
- Der veränderbare Matrixtyp,
DOMMatrix
, der auf diesem basiert. - Die CSS
matrix()
undmatrix3d()
Funktionsnotation, die aus diesem Interface generiert werden kann, um in einem CSStransform
verwendet zu werden.