DOMMatrix: skewXSelf() method

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.

Note: This feature is available in Web 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 DOMMatrixReadOnly.skewX()

Syntax

js
DOMMatrix.skewXSelf()
DOMMatrix.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

js
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

Specification
Geometry Interfaces Module Level 1
# dom-dommatrix-skewxself

Browser compatibility

BCD tables only load in the browser

See also