DOMMatrix: skewXSelf() Methode
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.
Die Methode skewXSelf()
des DOMMatrix
-Interfaces ist eine veränderbare Transformationsmethode, die eine Matrix modifiziert. Sie verzerrt die Ausgangsmatrix, indem die angegebene Verzerrungstransformation entlang der X-Achse angewendet wird, und gibt die verzerrte Matrix zurück.
Um eine Matrix entlang der X-Achse zu verzerren, ohne sie zu verändern, siehe DOMMatrixReadOnly.skewX()
.
Syntax
skewXSelf()
skewXSelf(sX)
Parameter
sX
-
Eine Zahl; der Winkel in Grad, um den die Matrix entlang der X-Achse verzerrt werden soll.
Rückgabewert
Gibt sich selbst zurück; die DOMMatrix
, die entlang der X-Achse um den gegebenen Winkel verzerrt wurde.
Beispiele
const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)"
matrix.skewXSelf(14); // mutate it
console.log(matrix); // output: "matrix(1, 0, 0.25, 1, 0, 0)"
Spezifikationen
Specification |
---|
Geometry Interfaces Module Level 1 # dom-dommatrix-skewxself |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
DOMMatrixReadOnly.skewX()
- CSS
transform
-Eigenschaft - CSS
<transform-function>
Funktionen - CSS-Transformationen-Modul
- SVG
transform
-Attribut CanvasRenderingContext2D
Interface-Methoden