SVGTransform：setTranslate() 方法

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

SVGTransform 接口的 setTranslate() 方法将变换类型设置为 SVG_TRANSFORM_TRANSLATE，其中参数 tx 和 ty 定义了平移量。

语法

setTranslate(tx, ty)

参数

tx: 一个定义 X 轴平移量的浮点数。
ty: 一个定义 Y 轴平移量的浮点数。

返回值

无（undefined）。

异常

NoModificationAllowedError DOMException: 如果属性或 SVGTransform 对象是只读的，则抛出此异常。

示例

设置平移值

// 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

规范

规范
Scalable Vector Graphics (SVG) 2 # __svg__SVGTransform__setTranslate

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025年2月2日，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题