Baseline Widely available
The setTranslate() method of the SVGTransform interface sets the transform type to SVG_TRANSFORM_TRANSLATE, with parameters tx and ty defining the translation amounts.
tx
A float defining the translation amount along the X-axis.
ty
A float defining the translation amount along the Y-axis.
None (undefined).
NoModificationAllowedError DOMException
Thrown if the attribute or the SVGTransform object is read-only.
// 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
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4