DOMMatrix: метод translateSelf()

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

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

Примечание: Эта функция доступна в Потоках выполнения веб-приложений.

Метод translateSelf() интерфейса DOMMatrix — это метод изменяющей трансформации, который изменяет матрицу. Он применяет указанные векторы и возвращает обновлённую матрицу. Значение по умолчанию — [0, 0, 0].

Чтобы выполнить преобразование матрицы без изменения её, см. DOMMatrixReadOnly.translate()

Синтаксис

DOMMatrix.translateSelf(translateX, translateY)
DOMMatrix.translateSelf(translateX, translateY, translateZ)

Параметры

translateX: Число, представляющее абсциссу (координату x) вектора перемещения.
translateY: Число, представляющее ординату (координату y) вектора перемещения.
translateZ Необязательно: Число, представляющее z-компоненту вектора перемещения. Если не указано, по умолчанию равно 0. Если это значение отлично от 0, результирующая матрица будет 3D.

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

Возвращает себя; DOMMatrix , преобразованный с помощью заданного вектора.

Примеры

const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)"
matrix.translateSelf(25, 25); // mutate it
console.log(matrix); // output: "matrix(1, 0, 0, 1, 25, 25)"

Спецификации

Спецификация
Geometry Interfaces Module Level 1 # dom-dommatrix-translateself

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`translateSelf`	61	79	33	48	11	61	33	45	11	8.0	61

См. также

DOMMatrixReadOnly.translate()
CSS transform свойство
CSS translate свойство
CSS <transform-function> функции
Модуль CSS-преобразований
SVG transform атрибут
CanvasRenderingContext2D методы интерфейса

© 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/DOMMatrix/translateSelf