DOMMatrix: rotateFromVectorSelf() метод

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

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

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

Метод rotateFromVectorSelf() интерфейса DOMMatrix — это метод мутабельного преобразования, который изменяет матрицу, вращая её на угол между заданным вектором и (1, 0). Угол вращения определяется углом между вектором (1,0)T и (x,y)T по часовой стрелке или (+/-)arctan(y/x). Если x и y оба 0, угол задаётся как 0, и матрица не изменяется.

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

Синтаксис

DOMMatrix.rotateFromVectorSelf()
DOMMatrix.rotateFromVectorSelf(rotX)
DOMMatrix.rotateFromVectorSelf(rotX, rotY)

Параметры

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

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

Возвращает себя; обновлённый DOMMatrix.

Примеры

const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.rotateFromVectorSelf().toString());
// output: matrix(1, 0, 0, 1, 0, 0) (no rotation applied)
console.log(matrix.rotateFromVectorSelf(10, 20).toString());
// output: matrix(0.447, 0.894, -0.894, 0.447, 0, 0)
console.log(matrix.toString());
// output: matrix(0.447, 0.894, -0.894, 0.447, 0, 0) (same as above)

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

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

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

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

См. также

DOMMatrixReadOnly.rotateFromVector()
DOMMatrixRead.rotateSelf()
DOMMatrixRead.rotateAxisAngleSelf()
CSS transform свойство и rotate3d() функция
CSS rotate свойство
Модуль CSS преобразований
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/rotateFromVectorSelf