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 Juli 2015.
Die setTranslate()-Methode der SVGTransform-Schnittstelle setzt den Transformationstyp auf SVG_TRANSFORM_TRANSLATE, wobei die Parameter tx und ty die Übersetzungsbeträge definieren.
Syntax
js
setTranslate(tx, ty)
Parameter
Rückgabewert
Keiner (undefined).
Ausnahmen
NoModificationAllowedErrorDOMException-
Wird ausgelöst, wenn das Attribut oder das
SVGTransform-Objekt schreibgeschützt ist.
Beispiele
Setzen von Übersetzungswerten
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
Loading…