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
skewYSelf()
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
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
skewYSelf
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
See also
DOMMatrixReadOnly.skewY()- CSS
transformproperty - CSS
<transform-function>functions - CSS transforms module
- SVG
transformattribute CanvasRenderingContext2Dinterface methods