SVGTransform: setSkewX()-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 setSkewX()-Methode der SVGTransform-Schnittstelle setzt den Transformationstyp auf SVG_TRANSFORM_SKEWX, wobei der Parameter angle den Grad der Schiefe entlang der X-Achse definiert.
Syntax
js
SVGTransform.setSkewX(angle)
Parameter
angle-
Ein Float-Wert, der den Grad der Schiefe in Grad definiert.
Rückgabewert
Keiner (undefined).
Ausnahmen
NoModificationAllowedErrorDOMException-
Wird ausgelöst, wenn das Attribut oder das
SVGTransform-Objekt schreibgeschützt ist.
Beispiele
Schiefe eines SVG-Elements entlang der X-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 X-axis
transform.setSkewX(30);
// Log the applied transformation angle
console.log(`Skew Angle: ${transform.angle}`); // Output: 30
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTransform__setSkewX |
Browser-Kompatibilität
BCD tables only load in the browser