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 上檢視此頁面 • 報告此內容的問題