SVGTransform: setTranslate() 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 setTranslate()-Methode der SVGTransform-Schnittstelle setzt den Transformationstyp auf SVG_TRANSFORM_TRANSLATE, mit den Parametern tx und ty, die die Verschiebungswerte definieren.

Syntax

js
SVGTransform.setTranslate(tx, ty)

Parameter

tx

Ein Float, der die Verschiebungsmenge entlang der X-Achse definiert.

ty

Ein Float, der die Verschiebungsmenge entlang der Y-Achse definiert.

Rückgabewert

Keine (undefined).

Ausnahmen

NoModificationAllowedError DOMException

Wird ausgelöst, wenn das Attribut oder das SVGTransform-Objekt schreibgeschützt ist.

Beispiele

Einstellen von Verschiebungswerten

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

// Set the translation values for the transform
transform.setTranslate(100, 50);

// Output the translation details
console.log(`X Translation:  ${transform.matrix.e}`); // Output: 100
console.log(`Y Translation: ${transform.matrix.f}`); // Output: 50

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGTransform__setTranslate

Browser-Kompatibilität

BCD tables only load in the browser