DOMMatrix: preMultiplySelf() Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Januar 2020.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die preMultiplySelf() Methode der DOMMatrix Schnittstelle modifiziert die Matrix, indem sie mit der angegebenen DOMMatrix vor-multipliziert wird. Dies entspricht dem Punktprodukt B⋅A, wobei Matrix A die Ursprungsmatrix und B die als Eingabe für die Methode angegebene Matrix ist. Wenn keine Matrix als Multiplikator angegeben ist, wird die Matrix mit einer Matrix multipliziert, bei der jedes Element 0 ist, außer die untere rechte Ecke und das direkt darüber und links davon liegende Element: m33 und m34. Diese haben den Standardwert 1.
Syntax
preMultiplySelf()
preMultiplySelf(otherMatrix)
Parameter
otherMatrixOptional-
Der
DOMMatrixMultiplikator.
Rückgabewert
Gibt sich selbst zurück; eine DOMMatrix, die mit den Ergebnissen der angewandten Multiplikationen aktualisiert wurde.
Beispiele
const matrix = new DOMMatrix().translate(3, 22);
const otherMatrix = new DOMMatrix().translateSelf(15, 45);
console.log(matrix.toString()); // output: matrix(1, 0, 0, 1, 3, 22)
console.log(otherMatrix.toString()); // output: matrix(1, 0, 0, 1, 15, 45)
matrix.preMultiplySelf(otherMatrix);
console.log(matrix.toString()); // output: matrix(1, 0, 0, 1, 18, 67)
console.log(otherMatrix.toString()); // output: matrix(1, 0, 0, 1, 15, 45)
Spezifikationen
| Specification |
|---|
| Geometry Interfaces Module Level 1> # dom-dommatrix-premultiplyself> |
Browser-Kompatibilität
Loading…
Siehe auch
DOMMatrix.multiplySelf()DOMMatrixReadOnly.multiply()- CSS
matrix()Funktion - CSS
matrix3d()Funktion