SVGTransform: setScale()-Methode - Web-APIs | MDN

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 setScale()-Methode des SVGTransform-Interfaces setzt den Transformationstyp auf SVG_TRANSFORM_SCALE. Die Parameter sx und sy definieren die Skalierungsfaktoren.

Syntax

Parameter

sx

Ein Float, der den Skalierungsfaktor entlang der X-Achse definiert.

sy

Ein Float, der den Skalierungsfaktor entlang der Y-Achse definiert.

Rückgabewert

Keiner (undefined).

Ausnahmen

NoModificationAllowedError DOMException

Wird geworfen, wenn das Attribut oder das SVGTransform-Objekt schreibgeschützt ist.

Beispiele

Skalierung eines SVG-Elements

js

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

// Set the scale values for the transform
transform.setScale(2, 3);

// Output the scale details
console.log(`Scale X: ${transform.matrix.a}`); // Output: 2
console.log(`Scale Y: ${transform.matrix.d}`); // Output: 3

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2
# __svg__SVGTransform__setScale

Browser-Kompatibilität

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.