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
, wobei die Parameter tx
und ty
die Übersetzungsbeträge definieren.
Syntax
js
setTranslate(tx, ty)
Parameter
Rückgabewert
Keiner (undefined
).
Ausnahmen
NoModificationAllowedError
DOMException
-
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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
setTranslate |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.