🏠 New in High Baseline Support: DOM Geometry

July 15, 2022

caniuse · mdn · spec

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

Source features

• api.DOMRect [mdn]
• api.DOMRect.height [mdn]
• api.DOMRect.width [mdn]
• api.DOMRectList [mdn]
• api.DOMRectList.item [mdn]
• api.DOMRectList.length [mdn]
• api.DOMPoint [mdn]
• api.DOMPoint.DOMPoint [mdn]
• api.DOMPoint.w [mdn]
• api.DOMPoint.x [mdn]
• api.DOMPoint.y [mdn]
• api.DOMPoint.z [mdn]
• api.DOMPointReadOnly [mdn]
• api.DOMPointReadOnly.w [mdn]
• api.DOMPointReadOnly.x [mdn]
• api.DOMPointReadOnly.y [mdn]
• api.DOMPointReadOnly.z [mdn]
• api.DOMRect.DOMRect [mdn]
• api.DOMRect.x [mdn]
• api.DOMRect.y [mdn]
• api.DOMRectReadOnly [mdn]
• api.DOMRectReadOnly.bottom [mdn]
• api.DOMRectReadOnly.height [mdn]
• api.DOMRectReadOnly.left [mdn]
• api.DOMRectReadOnly.right [mdn]
• api.DOMRectReadOnly.top [mdn]
• api.DOMRectReadOnly.width [mdn]
• api.DOMRectReadOnly.x [mdn]
• api.DOMRectReadOnly.y [mdn]
• api.DOMQuad [mdn]
• api.DOMQuad.DOMQuad [mdn]
• api.DOMQuad.p1 [mdn]
• api.DOMQuad.p2 [mdn]
• api.DOMQuad.p3 [mdn]
• api.DOMQuad.p4 [mdn]
• api.DOMMatrix [mdn]
• api.DOMMatrix.DOMMatrix [mdn]
• api.DOMMatrix.a [mdn]
• api.DOMMatrix.b [mdn]
• api.DOMMatrix.c [mdn]
• api.DOMMatrix.d [mdn]
• api.DOMMatrix.e [mdn]
• api.DOMMatrix.f [mdn]
• api.DOMMatrix.invertSelf [mdn]
• api.DOMMatrix.m11 [mdn]
• api.DOMMatrix.m12 [mdn]
• api.DOMMatrix.m13 [mdn]
• api.DOMMatrix.m14 [mdn]
• api.DOMMatrix.m21 [mdn]
• api.DOMMatrix.m22 [mdn]
• api.DOMMatrix.m23 [mdn]
• api.DOMMatrix.m24 [mdn]
• api.DOMMatrix.m31 [mdn]
• api.DOMMatrix.m32 [mdn]
• api.DOMMatrix.m33 [mdn]
• api.DOMMatrix.m34 [mdn]
• api.DOMMatrix.m41 [mdn]
• api.DOMMatrix.m42 [mdn]
• api.DOMMatrix.m43 [mdn]
• api.DOMMatrix.m44 [mdn]
• api.DOMMatrix.multiplySelf [mdn]
• api.DOMMatrix.preMultiplySelf [mdn]
• api.DOMMatrix.rotateAxisAngleSelf [mdn]
• api.DOMMatrix.rotateFromVectorSelf [mdn]
• api.DOMMatrix.rotateSelf [mdn]
• api.DOMMatrix.scale3dSelf [mdn]
• api.DOMMatrix.scaleSelf [mdn]
• api.DOMMatrix.setMatrixValue [mdn]
• api.DOMMatrix.skewXSelf [mdn]
• api.DOMMatrix.skewYSelf [mdn]
• api.DOMMatrix.translateSelf [mdn]
• api.DOMMatrixReadOnly [mdn]
• api.DOMMatrixReadOnly.a [mdn]
• api.DOMMatrixReadOnly.b [mdn]
• api.DOMMatrixReadOnly.c [mdn]
• api.DOMMatrixReadOnly.d [mdn]
• api.DOMMatrixReadOnly.e [mdn]
• api.DOMMatrixReadOnly.f [mdn]
• api.DOMMatrixReadOnly.flipX [mdn]
• api.DOMMatrixReadOnly.flipY [mdn]
• api.DOMMatrixReadOnly.inverse [mdn]
• api.DOMMatrixReadOnly.is2D [mdn]
• api.DOMMatrixReadOnly.m11 [mdn]
• api.DOMMatrixReadOnly.m12 [mdn]
• api.DOMMatrixReadOnly.m13 [mdn]
• api.DOMMatrixReadOnly.m14 [mdn]
• api.DOMMatrixReadOnly.m21 [mdn]
• api.DOMMatrixReadOnly.m22 [mdn]
• api.DOMMatrixReadOnly.m23 [mdn]
• api.DOMMatrixReadOnly.m24 [mdn]
• api.DOMMatrixReadOnly.m31 [mdn]
• api.DOMMatrixReadOnly.m32 [mdn]
• api.DOMMatrixReadOnly.m33 [mdn]
• api.DOMMatrixReadOnly.m34 [mdn]
• api.DOMMatrixReadOnly.m41 [mdn]
• api.DOMMatrixReadOnly.m42 [mdn]
• api.DOMMatrixReadOnly.m43 [mdn]
• api.DOMMatrixReadOnly.m44 [mdn]
• api.DOMMatrixReadOnly.multiply [mdn]
• api.DOMMatrixReadOnly.rotate [mdn]
• api.DOMMatrixReadOnly.rotateAxisAngle [mdn]
• api.DOMMatrixReadOnly.rotateFromVector [mdn]
• api.DOMMatrixReadOnly.scale [mdn]
• api.DOMMatrixReadOnly.scale3d [mdn]
• api.DOMMatrixReadOnly.skewX [mdn]
• api.DOMMatrixReadOnly.skewY [mdn]
• api.DOMMatrixReadOnly.toFloat32Array [mdn]
• api.DOMMatrixReadOnly.toFloat64Array [mdn]
• api.DOMMatrixReadOnly.toString [mdn]
• api.DOMMatrixReadOnly.transformPoint [mdn]
• api.DOMMatrixReadOnly.translate [mdn]
• api.DOMMatrixReadOnly.isIdentity [mdn]
• api.DOMPoint.fromPoint_static [mdn]
• api.DOMPointReadOnly.DOMPointReadOnly [mdn]
• api.DOMPointReadOnly.fromPoint_static [mdn]
• api.DOMPointReadOnly.toJSON [mdn]
• api.DOMRectReadOnly.DOMRectReadOnly [mdn]
• api.DOMRectReadOnly.toJSON [mdn]
• api.DOMMatrixReadOnly.DOMMatrixReadOnly [mdn]
• api.DOMMatrixReadOnly.toJSON [mdn]
• api.DOMQuad.getBounds [mdn]
• api.DOMQuad.toJSON [mdn]
• api.DOMPoint.worker_support [mdn]
• api.DOMPointReadOnly.worker_support [mdn]
• api.DOMRect.fromRect_static [mdn]
• api.DOMRect.worker_support [mdn]
• api.DOMRectReadOnly.fromRect_static [mdn]
• api.DOMRectReadOnly.worker_support [mdn]
• api.DOMMatrix.fromFloat32Array_static [mdn]
• api.DOMMatrix.fromFloat64Array_static [mdn]
• api.DOMMatrix.fromMatrix_static [mdn]
• api.DOMMatrix.worker_support [mdn]
• api.DOMMatrixReadOnly.fromFloat32Array_static [mdn]
• api.DOMMatrixReadOnly.fromFloat64Array_static [mdn]
• api.DOMMatrixReadOnly.fromMatrix_static [mdn]
• api.DOMMatrixReadOnly.worker_support [mdn]
• api.DOMPointReadOnly.matrixTransform [mdn]
• api.DOMQuad.fromQuad_static [mdn]
• api.DOMQuad.fromRect_static [mdn]
• api.DOMQuad.worker_support [mdn]