DOMMatrixReadOnly: метод skewY()

Базовая Широко поддерживается

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

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

Метод skewY() интерфейса DOMMatrixReadOnly возвращает новый объект DOMMatrix, созданный путём применения заданного наклона по оси y к исходной матрице. Исходная матрица не изменяется.

Чтобы изменять матрицу во время наклона по оси y, см. DOMMatrix.skewYSelf().

Синтаксис

DOMMatrixReadOnly.skewY()
DOMMatrixReadOnly.skewY(sY)

Параметры

sY: Число; угол в градусах, на который нужно наклонить матрицу по оси y.

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

Объект DOMMatrix.

Примеры

const matrix = new DOMMatrix(); // create a matrix
console.log(matrix.toString()); // original value
// "matrix(1, 0, 0, 1, 0, 0)"

console.log(matrix.skewY(14).toString()); // skew along y-axis
// "matrix(1, -0.25, 0, 1, 0, 0)"

console.log(matrix.toString()); // original unchanged
// "matrix(1, 0, 0, 1, 0, 0)"

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

Спецификация
Модуль интерфейсов Geometry Level 1 # dom-dommatrixreadonly-skewy

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`skewY`	61	79	33 В Firefox до версии 69 параметр `sy` был обязателен; теперь вы можете вызывать `skewY()` без аргументов. Значение по умолчанию равно 0.	48	11	61	33 В Firefox для Android до версии 79 параметр `sy` был обязателен; теперь вы можете вызывать `skewY()` без аргументов. Значение по умолчанию равно 0.	45	11	8.0	61

См. также

DOMMatrix.skewY()
DOMMatrixReadOnly.skewX()
Свойство CSS transform и функции skew(), skewY() и matrix()
Модуль CSS-трансформаций
Атрибут SVG transform
CanvasRenderingContext2D интерфейс и метод transform()

© 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/DOMMatrixReadOnly/skewY