web api instance method
DOMMatrixReadOnly: skewY() method
Available in workers
The skewY() method of the DOMMatrixReadOnly interface returns a new DOMMatrix created by applying the specified skew transformation to the source matrix along its y-axis. The original matrix is not modified.
To mutate the matrix as you skew it along the y-axis, see skewYSelf().
Syntax
skewY()
skewY(sY)
Parameters
sY- : A number; the angle, in degrees, by which to skew the matrix along the y-axis.
Return value
A DOMMatrix.
Examples
const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // original value
// "matrix(1, 0, 0, 1, 0, 0)"
console.log(matrix.skewY(14).toString()); // skew along y-axis
// "matrix(1, -0.25, 0, 1, 0, 0)"
console.log(matrix.toString()); // original unchanged
// "matrix(1, 0, 0, 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
skewYSelf()skewX()- CSS
transformproperty and theskew(),skewY(), andmatrix()functions - CSS transforms module
- SVG
transformattribute CanvasRenderingContext2Dinterface’stransform()method