DOMMatrix: skewYSelf() 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 skewYSelf() 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 Y-axis and returns the skewed matrix.

To skew a matrix along the Y-axis without mutating it, see DOMMatrixReadOnly.skewY()

Syntax

js
DOMMatrix.skewYSelf()
DOMMatrix.skewYSelf(sY)

Parameters

sY

A number; the angle, in degrees, by which to skew the matrix along the Y axis.

Return value

Returns itself; the DOMMatrix skewed along the Y-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.skewYSelf(-14); // mutate it
console.log(matrix); // output: "matrix(1, -0.25, 0, 1, 0, 0)"

Specifications

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

Browser compatibility

BCD tables only load in the browser

See also