DOMMatrixReadOnly: метод multiply()
Базовая Широко поддерживается
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.
Примечание: Эта функция доступна в Web Workers.
Метод multiply() интерфейса DOMMatrixReadOnly создает и возвращает новую матрицу, которая является результатом скалярного произведения исходной матрицы и параметра otherMatrix. Если параметр otherMatrix опущен, матрица умножается на матрицу, в которой каждый элемент, 0 кроме элемента в правом нижнем углу и элемента, расположенного непосредственно слева над ним: m33 и m34. Эти элементы имеют значение по умолчанию 1. Исходная матрица не изменяется.
Чтобы изменить матрицу во время умножения, см. DOMMatrix.multiplySelf().
Синтаксис
DOMMatrixReadOnly.multiply() DOMMatrixReadOnly.multiply(otherMatrix)
Параметры
otherMatrixНеобязательно-
Умножитель типа
DOMMatrix.
Возвращаемое значение
Матрица типа DOMMatrix.
Примеры
const matrix = new DOMMatrixReadOnly().translate(13, 21); const multipliedMatrix = matrix.multiply(matrix); console.log(matrix.toString()); // output: matrix(1, 0, 0, 1, 13, 21) console.log(multipliedMatrix.toString()); // output: matrix(1, 0, 0, 1, 26, 42)
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
multiply |
61 | 79 | 33 | 48 | 11 | 61 | 33 | 45 | 11 | 8.0 | 61 |
См. также
DOMMatrix.multiplySelf()DOMMatrixReadOnly.preMultiply()- Функция CSS
matrix() - Функция CSS
matrix3d()
© 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/multiply