web api instance method
DOMMatrix: skewXSelf() method
Available in workers
The skewXSelf() method of the DOMMatrix interface is a mutable transformation method that modifies a matrix. It skews the source matrix by applying the specified skew transformation along the X-axis and returns the skewed matrix.
To skew a matrix along the X-axis without mutating it, see skewX()
Syntax
skewXSelf()
skewXSelf(sX)
Parameters
sX- : A number; the angle, in degrees, by which to skew the matrix along the X axis.
Return value
Returns itself; the DOMMatrix skewed along the X-axis by the given
angle.
Examples
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)"
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
skewX()- CSS
transformproperty - CSS
transform-functionfunctions - CSS transforms module
- SVG
transformattribute CanvasRenderingContext2Dinterface methods