SVGTransform: setSkewX() Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
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
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTransform__setSkewX |