SVGTransform: setSkewY() 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.

The setSkewY() method of the SVGTransform interface sets the transform type to SVG_TRANSFORM_SKEWY, with parameter angle defining the amount of skew along the Y-axis.

Syntax

js
SVGTransform.setSkewY(angle)

Parameters

angle

A float defining the amount of skew in degrees.

Return value

None (undefined).

Exceptions

NoModificationAllowedError DOMException

Thrown if the attribute or the SVGTransform object is read-only.

Examples

Skewing an SVG Element Along the Y-Axis

js
// Select an SVG element and create a transform object
const svgElement = document.querySelector("svg");
const transform = svgElement.createSVGTransform();

// Apply a skew of 30 degrees along the Y-axis
transform.setSkewY(30);

// Log the applied transformation angle
console.log(`Skew Angle: ${transform.angle}`); // Output: 30

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGTransform__setSkewY

Browser compatibility

BCD tables only load in the browser

See also