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 Methode setSkewX() des SVGTransform-Interfaces setzt den Transformations-Typ auf SVG_TRANSFORM_SKEWX, wobei der Parameter angle die Scherung entlang der X-Achse definiert.
Syntax
js
setSkewX(angle)
Parameter
angle-
Ein Float, der die Menge der Scherung in Grad definiert.
Rückgabewert
Keiner (undefined).
Ausnahmen
NoModificationAllowedErrorDOMException-
Wird ausgelöst, wenn das Attribut oder das
SVGTransform-Objekt schreibgeschützt ist.
Beispiele
Scherung 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