DOMMatrix: метод rotateAxisAngleSelf()

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

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

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

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

Чтобы повернуть матрицу без изменения её, см. DOMMatrixReadOnly.rotateAxisAngle(), который создаёт новую повернутую матрицу, оставив исходную неизменённой.

Синтаксис

DOMMatrix.rotateAxisAngleSelf()
DOMMatrix.rotateAxisAngleSelf(rotX)
DOMMatrix.rotateAxisAngleSelf(rotX, rotY)
DOMMatrix.rotateAxisAngleSelf(rotX, rotY, rotZ)
DOMMatrix.rotateAxisAngleSelf(rotX, rotY, rotZ, angle)

Параметры

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

Если rotY и rotZ оба отсутствуют, rotZ устанавливается в значение rotX, а оба rotX и rotY имеют значение 0.

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

Объект DOMMatrix.

Примеры

const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.rotateAxisAngleSelf(10, 20, 30, 45).toString());
/* "matrix3d(
    0.728, 0.609, -0.315, 0, 
    -0.525, 0.791, 0.315, 0, 
    0.441, -0.063, 0.895, 
    0, 0, 0, 0, 1)" */
console.log(matrix.toString());
/* "matrix3d(
    0.728, 0.609, -0.315, 0, 
    -0.525, 0.791, 0.315, 0, 
    0.441, -0.063, 0.895, 0, 
    0, 0, 0, 1)" */

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

Спецификация
Модуль интерфейсов геометрии уровня 1 # dom-dommatrix-rotateaxisangleself

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

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

См. также

DOMMatrixReadOnly.rotateAxisAngle()
DOMMatrix.rotateSelf()
DOMMatrix.rotateFromVectorSelf()
Свойство CSS transform и функция rotate3d()
Свойство CSS rotate
Модуль CSS transforms
Атрибут SVG transform
Интерфейс CanvasRenderingContext2D и метод rotate()

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