DOM GeometryBaseline · Widely available

The DOMMatrix, DOMPoint, DOMQuad and DOMRect APIs represent points, rectangles, quadrilaterals and transformation matrices within JavaScript. They can be used in transformations in CSS, <canvas>, and SVG.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jan 15, 2020. Widely available since Jul 15, 2022.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–60Not supported

61+Supportedsince Sep 5, 2017

Current: 155

Edge

12–18Not supported

79+Supportedsince Jan 15, 2020

Current: 154

Firefox

1–32Not supported

33+Supportedsince Oct 14, 2014

Current: 157

Safari

1–10.1Not supported

11+Supportedsince Sep 19, 2017

Current: 27

MobileChrome Android

18–60Not supported

61+Supportedsince Sep 5, 2017

Current: 155

Firefox Android

4–32Not supported

33+Supportedsince Oct 14, 2014

Current: 157

Safari iOS

1–10.3Not supported

11+Supportedsince Sep 19, 2017

Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: DOMMatrix.

Feature detection

JS · check before using

if ("DOMMatrix" in globalThis) {
  // DOMMatrix is available
} else {
  // load a polyfill or use a fallback
}

Documentation (MDN)

Specification

drafts.csswg.org/geometry-1 ↗

Sub-features

Support for each part of the feature (140). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
DOMMatrix	61	79	33	11	61	33	11
DOMMatrix.DOMMatrix	61	79	33	11	61	33	11
DOMMatrix.a	61	79	33	11	61	33	11
DOMMatrix.b	61	79	33	11	61	33	11
DOMMatrix.c	61	79	33	11	61	33	11
DOMMatrix.d	61	79	33	11	61	33	11
DOMMatrix.e	61	79	33	11	61	33	11
DOMMatrix.f	61	79	33	11	61	33	11
DOMMatrix.fromFloat32Array_static	61	79	69	11	61	79	11
DOMMatrix.fromFloat64Array_static	61	79	69	11	61	79	11
DOMMatrix.fromMatrix_static	61	79	69	11	61	79	11
DOMMatrix.invertSelf	61	79	33	11	61	33	11
DOMMatrix.m11	61	79	33	11	61	33	11
DOMMatrix.m12	61	79	33	11	61	33	11
DOMMatrix.m13	61	79	33	11	61	33	11
DOMMatrix.m14	61	79	33	11	61	33	11
DOMMatrix.m21	61	79	33	11	61	33	11
DOMMatrix.m22	61	79	33	11	61	33	11
DOMMatrix.m23	61	79	33	11	61	33	11
DOMMatrix.m24	61	79	33	11	61	33	11

Show 120 more

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
DOMMatrix.m31	61	79	33	11	61	33	11
DOMMatrix.m32	61	79	33	11	61	33	11
DOMMatrix.m33	61	79	33	11	61	33	11
DOMMatrix.m34	61	79	33	11	61	33	11
DOMMatrix.m41	61	79	33	11	61	33	11
DOMMatrix.m42	61	79	33	11	61	33	11
DOMMatrix.m43	61	79	33	11	61	33	11
DOMMatrix.m44	61	79	33	11	61	33	11
DOMMatrix.multiplySelf	61	79	33	11	61	33	11
DOMMatrix.preMultiplySelf	61	79	33	11	61	33	11
DOMMatrix.rotateAxisAngleSelf	61	79	33	11	61	33	11
DOMMatrix.rotateFromVectorSelf	61	79	33	11	61	33	11
DOMMatrix.rotateSelf	61	79	33	11	61	33	11
DOMMatrix.scale3dSelf	61	79	33	11	61	33	11
DOMMatrix.scaleSelf	61	79	33	11	61	33	11
DOMMatrix.setMatrixValue	61	79	33	11	61	33	11
DOMMatrix.skewXSelf	61	79	33	11	61	33	11
DOMMatrix.skewYSelf	61	79	33	11	61	33	11
DOMMatrix.translateSelf	61	79	33	11	61	33	11
DOMMatrix.worker_support	61	79	69	11	61	79	11
DOMMatrixReadOnly	61	79	33	11	61	33	11
DOMMatrixReadOnly.DOMMatrixReadOnly	61	79	62	11	61	62	11
DOMMatrixReadOnly.a	61	79	33	11	61	33	11
DOMMatrixReadOnly.b	61	79	33	11	61	33	11
DOMMatrixReadOnly.c	61	79	33	11	61	33	11
DOMMatrixReadOnly.d	61	79	33	11	61	33	11
DOMMatrixReadOnly.e	61	79	33	11	61	33	11
DOMMatrixReadOnly.f	61	79	33	11	61	33	11
DOMMatrixReadOnly.flipX	61	79	33	11	61	33	11
DOMMatrixReadOnly.flipY	61	79	33	11	61	33	11
DOMMatrixReadOnly.fromFloat32Array_static	61	79	69	11	61	79	11
DOMMatrixReadOnly.fromFloat64Array_static	61	79	69	11	61	79	11
DOMMatrixReadOnly.fromMatrix_static	61	79	69	11	61	79	11
DOMMatrixReadOnly.inverse	61	79	33	11	61	33	11
DOMMatrixReadOnly.is2D	61	79	33	11	61	33	11
DOMMatrixReadOnly.isIdentity	61	79	59	11	61	59	11
DOMMatrixReadOnly.m11	61	79	33	11	61	33	11
DOMMatrixReadOnly.m12	61	79	33	11	61	33	11
DOMMatrixReadOnly.m13	61	79	33	11	61	33	11
DOMMatrixReadOnly.m14	61	79	33	11	61	33	11
DOMMatrixReadOnly.m21	61	79	33	11	61	33	11
DOMMatrixReadOnly.m22	61	79	33	11	61	33	11
DOMMatrixReadOnly.m23	61	79	33	11	61	33	11
DOMMatrixReadOnly.m24	61	79	33	11	61	33	11
DOMMatrixReadOnly.m31	61	79	33	11	61	33	11
DOMMatrixReadOnly.m32	61	79	33	11	61	33	11
DOMMatrixReadOnly.m33	61	79	33	11	61	33	11
DOMMatrixReadOnly.m34	61	79	33	11	61	33	11
DOMMatrixReadOnly.m41	61	79	33	11	61	33	11
DOMMatrixReadOnly.m42	61	79	33	11	61	33	11
DOMMatrixReadOnly.m43	61	79	33	11	61	33	11
DOMMatrixReadOnly.m44	61	79	33	11	61	33	11
DOMMatrixReadOnly.multiply	61	79	33	11	61	33	11
DOMMatrixReadOnly.rotate	61	79	33	11	61	33	11
DOMMatrixReadOnly.rotateAxisAngle	61	79	33	11	61	33	11
DOMMatrixReadOnly.rotateFromVector	61	79	33	11	61	33	11
DOMMatrixReadOnly.scale	61	79	33	11	61	33	11
DOMMatrixReadOnly.scale3d	61	79	33	11	61	33	11
DOMMatrixReadOnly.skewX	61	79	33	11	61	33	11
DOMMatrixReadOnly.skewY	61	79	33	11	61	33	11
DOMMatrixReadOnly.toFloat32Array	61	79	33	11	61	33	11
DOMMatrixReadOnly.toFloat64Array	61	79	33	11	61	33	11
DOMMatrixReadOnly.toJSON	61	79	62	11	61	62	11
DOMMatrixReadOnly.toString	61	79	33	11	61	33	11
DOMMatrixReadOnly.transformPoint	61	79	33	11	61	33	11
DOMMatrixReadOnly.translate	61	79	33	11	61	33	11
DOMMatrixReadOnly.worker_support	61	79	69	11	61	79	11
DOMPoint	61	79	31	10.1	61	31	10.3
DOMPoint.DOMPoint	61	79	31	10.1	61	31	10.3
DOMPoint.fromPoint_static	61	79	62	10.1	61	62	10.3
DOMPoint.w	61	79	31	10.1	61	31	10.3
DOMPoint.worker_support	61	79	69	10.1	61	79	10.3
DOMPoint.x	61	79	31	10.1	61	31	10.3
DOMPoint.y	61	79	31	10.1	61	31	10.3
DOMPoint.z	61	79	31	10.1	61	31	10.3
DOMPointReadOnly	61	79	31	10.1	61	31	10.3
DOMPointReadOnly.DOMPointReadOnly	61	79	62	10.1	61	62	10.3
DOMPointReadOnly.fromPoint_static	61	79	62	10.1	61	62	10.3
DOMPointReadOnly.matrixTransform	61	79	69	11	61	79	11
DOMPointReadOnly.toJSON	61	79	62	10.1	61	62	10.3
DOMPointReadOnly.w	61	79	31	10.1	61	31	10.3
DOMPointReadOnly.worker_support	61	79	69	10.1	61	79	10.3
DOMPointReadOnly.x	61	79	31	10.1	61	31	10.3
DOMPointReadOnly.y	61	79	31	10.1	61	31	10.3
DOMPointReadOnly.z	61	79	31	10.1	61	31	10.3
DOMQuad	61	79	31	11	61	31	11
DOMQuad.DOMQuad	61	79	31	11	61	31	11
DOMQuad.fromQuad_static	61	79	69	11	61	79	11
DOMQuad.fromRect_static	61	79	69	11	61	79	11
DOMQuad.getBounds	61	79	62	11	61	62	11
DOMQuad.p1	61	79	31	11	61	31	11
DOMQuad.p2	61	79	31	11	61	31	11
DOMQuad.p3	61	79	31	11	61	31	11
DOMQuad.p4	61	79	31	11	61	31	11
DOMQuad.toJSON	61	79	62	11	61	62	11
DOMQuad.worker_support	61	79	69	11	61	79	11
DOMRect	61	79	27	10.1	61	27	10.3
DOMRect.DOMRect	61	79	31	10.1	61	31	10.3
DOMRect.fromRect_static	61	79	69	10.1	61	79	10.3
DOMRect.height	61	79	27	10.1	61	27	10.3
DOMRect.width	61	79	27	10.1	61	27	10.3
DOMRect.worker_support	61	79	69	10.1	61	79	10.3
DOMRect.x	61	79	31	10.1	61	31	10.3
DOMRect.y	61	79	31	10.1	61	31	10.3
DOMRectList	61	79	27	10.1	61	27	10.3
DOMRectList.item	61	79	27	10.1	61	27	10.3
DOMRectList.length	61	79	27	10.1	61	27	10.3
DOMRectReadOnly	61	79	31	10.1	61	31	10.3
DOMRectReadOnly.DOMRectReadOnly	61	79	62	10.1	61	62	10.3
DOMRectReadOnly.bottom	61	79	31	10.1	61	31	10.3
DOMRectReadOnly.fromRect_static	61	79	69	10.1	61	79	10.3
DOMRectReadOnly.height	61	79	31	10.1	61	31	10.3
DOMRectReadOnly.left	61	79	31	10.1	61	31	10.3
DOMRectReadOnly.right	61	79	31	10.1	61	31	10.3
DOMRectReadOnly.toJSON	61	79	62	10.1	61	62	10.3
DOMRectReadOnly.top	61	79	31	10.1	61	31	10.3
DOMRectReadOnly.width	61	79	31	10.1	61	31	10.3
DOMRectReadOnly.worker_support	61	79	69	10.1	61	79	10.3
DOMRectReadOnly.x	61	79	31	10.1	61	31	10.3
DOMRectReadOnly.y	61	79	31	10.1	61	31	10.3