DOMMatrixReadOnly: toString()

Baseline

20201

toString() DOMMatrixReadOnly matrix() matrix3d() CSS 6 16 "matrix( "matrix3d( )"

a f 6 matrix(a, b, c, d, e, f) CSS matrix()

16 matrix3d(m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44) CSS matrix3d()

toString()

matrix() matrix3d()

const matrix = new DOMMatrixReadOnly();
console.log(matrix.translate(20, 30).toString()); // matrix(1, 0, 0, 1, 20, 30)
console.log(matrix.translate(30, 40, 50).toString()); // matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30, 40, 50, 1)
console.log(matrix.skewY(15).skewX(5).rotate(3).translate(20, 50).toString());
// matrix(1.003, 0.321, 0.035, 1.01, 21.816, 56.824)
console.log(
  matrix.skewY(15).skewX(5).rotate(3).translate(20, 50, 60).toString(),
);
// matrix3d(1.003, 0.321, 0, 0, 0.0350, 1.008, 0, 0, 0, 0, 1, 0, 21.816, 56.824, 60, 1)


Geometry Interfaces Module Level 1 # dommatrixreadonly-stringification-behavior

DOMMatrixReadOnly.toJSON()
DOMMatrix.setMatrixValue()

MDN

MDN 2026217

GitHub

(DOM)
DOMMatrixReadOnly
1. DOMMatrixReadOnly()
1. is2D
2. isIdentity
DOM
1. DOM
3. DOM
4. DOM