DierotateSelf()-Methode derDOMMatrix-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, sieheDOMMatrixReadOnly.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, istrotZ der Wert vonrotX und sowohlrotX als auchrotY sind0, und die Rotation ist eine 2D-Rotation. WennrotX undrotY ungleich null sind, istis2Dfalse.

Rückgabewert

Gibt sich selbst zurück; die durch die angegebenen Vektoren gedrehteDOMMatrix.

Beispiele

const matrix = new DOMMatrix(); // create a matrixconsole.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)"matrix.rotateSelf(30); // mutate itconsole.log(matrix); // output: "matrix(0.866, 0.5, -0.5, 0.866, 0, 0)"

Spezifikationen

Browser-Kompatibilität

Siehe auch

• DOMMatrixReadOnly.rotate()
• CSS-transform-Eigenschaft
• CSS-rotate-Eigenschaft
• CSS-<transform-function>-Funktionen
  • rotate()
  • rotate3d()
  • rotateX()
  • rotateY()
  • rotateZ()
• CSS-Transformationen-Modul
• SVG-transform-Attribut
• Methoden der SchnittstelleCanvasRenderingContext2D
  • CanvasRenderingContext2D.rotate()
  • CanvasRenderingContext2D.transform()
  • CanvasRenderingContext2D.setTransform()
  • CanvasRenderingContext2D.resetTransform()