DOMMatrix: Methode rotateSelf()
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die rotateSelf()-Methode der DOMMatrix-Schnittstelle ist eine veränderbare Transformationsmethode, die eine Matrix modifiziert. Sie rotiert die Ursprungsmatrix um jede ihrer Achsen um die angegebene Anzahl von Grad und gibt die gedrehte Matrix zurück.
Um eine Matrix zu drehen, ohne sie zu ändern, siehe DOMMatrixReadOnly.rotate().
Syntax
rotateSelf()
rotateSelf(rotX)
rotateSelf(rotX, rotY)
rotateSelf(rotX, rotY, rotZ)
Parameter
rotX-
Eine Zahl; die x-Koordinate des Vektors, der die Rotationsachse angibt.
rotYOptional-
Eine Zahl; die y-Koordinate des Vektors, der die Rotationsachse angibt.
rotZOptional-
Eine Zahl; die z-Koordinate des Vektors, der die Rotationsachse angibt.
Wenn nur ein Parameter übergeben wird, ist rotZ der Wert von rotX und sowohl rotX als auch rotY sind 0, und die Rotation ist eine 2D-Rotation. Wenn rotX und rotY ungleich null sind, ist is2D false.
Rückgabewert
Gibt sich selbst zurück; die durch die angegebenen Vektoren gedrehte DOMMatrix.
Beispiele
const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)"
matrix.rotateSelf(30); // mutate it
console.log(matrix); // output: "matrix(0.866, 0.5, -0.5, 0.866, 0, 0)"
Spezifikationen
| Spezifikation |
|---|
| Geometry Interfaces Module Level 1 # dom-dommatrix-rotateself |
Browser-Kompatibilität
Siehe auch
DOMMatrixReadOnly.rotate()- CSS-
transform-Eigenschaft - CSS-
rotate-Eigenschaft - CSS-
<transform-function>-Funktionen - CSS-Transformationen-Modul
- SVG-
transform-Attribut - Methoden der Schnittstelle
CanvasRenderingContext2D