BASELINE NowYouCanUse.com
Widely Available
id: dom-geometry

DOM Geometry

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.
Baseline Status: Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).
Desktop Browser Engine Support
Google Chrome
61
Supported
Mozilla Firefox
33
Supported
Apple Safari
11
Supported
Microsoft Edge
79
Supported
Mobile Browser Engine Support
Chrome Android
61
Firefox Android
33
Safari iOS
11
Specifications and References
Specification ↗ Feature XML ↗
MDN Browser Compat Data Keys:
api.DOMMatrix ↗ api.DOMMatrix.DOMMatrix ↗ api.DOMMatrix.a ↗ api.DOMMatrix.b ↗ api.DOMMatrix.c ↗ api.DOMMatrix.d ↗ api.DOMMatrix.e ↗ api.DOMMatrix.f ↗ api.DOMMatrix.fromFloat32Array_static ↗ api.DOMMatrix.fromFloat64Array_static ↗ api.DOMMatrix.fromMatrix_static ↗ api.DOMMatrix.invertSelf ↗ api.DOMMatrix.m11 ↗ api.DOMMatrix.m12 ↗ api.DOMMatrix.m13 ↗ api.DOMMatrix.m14 ↗ api.DOMMatrix.m21 ↗ api.DOMMatrix.m22 ↗ api.DOMMatrix.m23 ↗ api.DOMMatrix.m24 ↗ api.DOMMatrix.m31 ↗ api.DOMMatrix.m32 ↗ api.DOMMatrix.m33 ↗ api.DOMMatrix.m34 ↗ api.DOMMatrix.m41 ↗ api.DOMMatrix.m42 ↗ api.DOMMatrix.m43 ↗ api.DOMMatrix.m44 ↗ api.DOMMatrix.multiplySelf ↗ api.DOMMatrix.preMultiplySelf ↗ api.DOMMatrix.rotateAxisAngleSelf ↗ api.DOMMatrix.rotateFromVectorSelf ↗ api.DOMMatrix.rotateSelf ↗ api.DOMMatrix.scale3dSelf ↗ api.DOMMatrix.scaleSelf ↗ api.DOMMatrix.setMatrixValue ↗ api.DOMMatrix.skewXSelf ↗ api.DOMMatrix.skewYSelf ↗ api.DOMMatrix.translateSelf ↗ api.DOMMatrix.worker_support ↗ api.DOMMatrixReadOnly ↗ api.DOMMatrixReadOnly.DOMMatrixReadOnly ↗ api.DOMMatrixReadOnly.a ↗ api.DOMMatrixReadOnly.b ↗ api.DOMMatrixReadOnly.c ↗ api.DOMMatrixReadOnly.d ↗ api.DOMMatrixReadOnly.e ↗ api.DOMMatrixReadOnly.f ↗ api.DOMMatrixReadOnly.flipX ↗ api.DOMMatrixReadOnly.flipY ↗ api.DOMMatrixReadOnly.fromFloat32Array_static ↗ api.DOMMatrixReadOnly.fromFloat64Array_static ↗ api.DOMMatrixReadOnly.fromMatrix_static ↗ api.DOMMatrixReadOnly.inverse ↗ api.DOMMatrixReadOnly.is2D ↗ api.DOMMatrixReadOnly.isIdentity ↗ api.DOMMatrixReadOnly.m11 ↗ api.DOMMatrixReadOnly.m12 ↗ api.DOMMatrixReadOnly.m13 ↗ api.DOMMatrixReadOnly.m14 ↗ api.DOMMatrixReadOnly.m21 ↗ api.DOMMatrixReadOnly.m22 ↗ api.DOMMatrixReadOnly.m23 ↗ api.DOMMatrixReadOnly.m24 ↗ api.DOMMatrixReadOnly.m31 ↗ api.DOMMatrixReadOnly.m32 ↗ api.DOMMatrixReadOnly.m33 ↗ api.DOMMatrixReadOnly.m34 ↗ api.DOMMatrixReadOnly.m41 ↗ api.DOMMatrixReadOnly.m42 ↗ api.DOMMatrixReadOnly.m43 ↗ api.DOMMatrixReadOnly.m44 ↗ api.DOMMatrixReadOnly.multiply ↗ api.DOMMatrixReadOnly.rotate ↗ api.DOMMatrixReadOnly.rotateAxisAngle ↗ api.DOMMatrixReadOnly.rotateFromVector ↗ api.DOMMatrixReadOnly.scale ↗ api.DOMMatrixReadOnly.scale3d ↗ api.DOMMatrixReadOnly.skewX ↗ api.DOMMatrixReadOnly.skewY ↗ api.DOMMatrixReadOnly.toFloat32Array ↗ api.DOMMatrixReadOnly.toFloat64Array ↗ api.DOMMatrixReadOnly.toJSON ↗ api.DOMMatrixReadOnly.toString ↗ api.DOMMatrixReadOnly.transformPoint ↗ api.DOMMatrixReadOnly.translate ↗ api.DOMMatrixReadOnly.worker_support ↗ api.DOMPoint ↗ api.DOMPoint.DOMPoint ↗ api.DOMPoint.fromPoint_static ↗ api.DOMPoint.w ↗ api.DOMPoint.worker_support ↗ api.DOMPoint.x ↗ api.DOMPoint.y ↗ api.DOMPoint.z ↗ api.DOMPointReadOnly ↗ api.DOMPointReadOnly.DOMPointReadOnly ↗ api.DOMPointReadOnly.fromPoint_static ↗ api.DOMPointReadOnly.matrixTransform ↗ api.DOMPointReadOnly.toJSON ↗ api.DOMPointReadOnly.w ↗ api.DOMPointReadOnly.worker_support ↗ api.DOMPointReadOnly.x ↗ api.DOMPointReadOnly.y ↗ api.DOMPointReadOnly.z ↗ api.DOMQuad ↗ api.DOMQuad.DOMQuad ↗ api.DOMQuad.fromQuad_static ↗ api.DOMQuad.fromRect_static ↗ api.DOMQuad.getBounds ↗ api.DOMQuad.p1 ↗ api.DOMQuad.p2 ↗ api.DOMQuad.p3 ↗ api.DOMQuad.p4 ↗ api.DOMQuad.toJSON ↗ api.DOMQuad.worker_support ↗ api.DOMRect ↗ api.DOMRect.DOMRect ↗ api.DOMRect.fromRect_static ↗ api.DOMRect.height ↗ api.DOMRect.width ↗ api.DOMRect.worker_support ↗ api.DOMRect.x ↗ api.DOMRect.y ↗ api.DOMRectList ↗ api.DOMRectList.item ↗ api.DOMRectList.length ↗ api.DOMRectReadOnly ↗ api.DOMRectReadOnly.DOMRectReadOnly ↗ api.DOMRectReadOnly.bottom ↗ api.DOMRectReadOnly.fromRect_static ↗ api.DOMRectReadOnly.height ↗ api.DOMRectReadOnly.left ↗ api.DOMRectReadOnly.right ↗ api.DOMRectReadOnly.toJSON ↗ api.DOMRectReadOnly.top ↗ api.DOMRectReadOnly.width ↗ api.DOMRectReadOnly.worker_support ↗ api.DOMRectReadOnly.x ↗ api.DOMRectReadOnly.y ↗