DOMMatrix: skewYSelf() method

{{APIRef("Geometry Interfaces")}}{{AvailableInWorkers}}

The skewYSelf() method of the {{domxref("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 {{domxref("DOMMatrixReadOnly.skewY()")}}

Syntax

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

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

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("DOMMatrixReadOnly.skewY()")}}
• CSS {{cssxref("transform")}} property
• CSS {{cssxref("transform-function")}} functions
  • {{cssxref("transform-function/skew", "skew()")}}
  • {{cssxref("transform-function/skewX", "skewX()")}}
  • {{cssxref("transform-function/skewY", "skewY()")}}
• CSS transforms module
• SVG transform attribute
• {{domxref("CanvasRenderingContext2D")}} interface methods
  • {{domxref("CanvasRenderingContext2D.transform()")}}
  • {{domxref("CanvasRenderingContext2D.setTransform()")}}
  • {{domxref("CanvasRenderingContext2D.resetTransform()")}}