SVGTransform: setSkewY()-Methode
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.
Die setSkewY()-Methode der SVGTransform-Schnittstelle setzt den Transformationstyp auf SVG_TRANSFORM_SKEWY, wobei der Parameter angle die Höhe der Schrägstellung entlang der Y-Achse definiert.
Syntax
js
SVGTransform.setSkewY(angle)
Parameter
angle-
Ein Float-Wert, der die Höhe der Schrägstellung in Grad definiert.
Rückgabewert
Keiner (undefined).
Ausnahmen
NoModificationAllowedErrorDOMException-
Wird ausgelöst, wenn das Attribut oder das
SVGTransform-Objekt schreibgeschützt ist.
Beispiele
Schrägstellung eines SVG-Elements entlang der Y-Achse
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
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTransform__setSkewY |
Browser-Kompatibilität
BCD tables only load in the browser