SVGTransform: метод setTranslate()

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.

Метод setTranslate() интерфейса SVGTransform устанавливает тип преобразования в SVG_TRANSFORM_TRANSLATE, с параметрами tx и ty, определяющими величины смещения.

Синтаксис

SVGTransform.setTranslate(tx, ty)

Параметры

tx: Число с плавающей точкой, определяющее величину смещения по оси X.
ty: Число с плавающей точкой, определяющее величину смещения по оси Y.

Возвращаемое значение

None (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

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`setTranslate`	1	12	1.5	≤12.1	4	18	4	≤12.1	3.2	1.0	≤37

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGTransform/setTranslate