DOMMatrixReadOnly: skewY() 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 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 DOMMatrix.skewYSelf()
.
Syntax
js
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
js
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
Specification |
---|
Geometry Interfaces Module Level 1 # dom-dommatrixreadonly-skewy |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
skewY() |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
See also
DOMMatrix.skewYSelf()
DOMMatrixReadOnly.skewX()
- CSS
transform
property and theskew()
,skewY()
, andmatrix()
functions - CSS transforms module
- SVG
transform
attribute CanvasRenderingContext2D
interface'stransform()
method