DOMMatrix: метод rotateSelf()

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

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

Примечание: Эта функция доступна в Web Workers.

Метод rotateSelf() интерфейса DOMMatrix — это метод изменяющей трансформации, который изменяет матрицу. Он вращает исходную матрицу вокруг каждой из ее осей на указанное количество градусов и возвращает повернутую матрицу.

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

Синтаксис

DOMMatrix.rotateSelf()
DOMMatrix.rotateSelf(rotX)
DOMMatrix.rotateSelf(rotX, rotY)
DOMMatrix.rotateSelf(rotX, rotY, rotZ)

Параметры

rotX: Число; координата x вектора, обозначающего ось вращения
rotY Необязательно: Число; координата y вектора, обозначающего ось вращения.
rotZ Необязательно: Число; координата z вектора, обозначающего ось вращения

Если передается только один параметр, rotZ — это значение rotX, а rotX и rotY — 0, и вращение — это 2D-вращение. Если rotX и rotY отличны от нуля, is_2d — false.

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

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

Примеры

const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // output: "matrix(1, 0, 0, 1, 0, 0)"
matrix.rotateSelf(30); // mutate it
console.log(matrix); // output: "matrix(0.866, 0.5, -0.5, 0.866, 0, 0)"

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

Спецификация
Модуль Geometry Interfaces Level 1 # dom-dommatrix-rotateself

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

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

См. также

DOMMatrixReadOnly.rotate()
Свойство CSS transform
Свойство CSS rotate
Функции CSS <transform-function>
Модуль CSS transforms
Атрибут 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/rotateSelf