DOMRect.DOMRect()

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The DOMRect() constructor creates a new DOMRect object.

Syntax

var myDOMRect = new DOMRect(x, y, width, height);

Parameters

x
The x coordinate of the DOMRect's origin.
y
The y coordinate of the DOMRect's origin.
width
The width of the DOMRect.
height
The height of the DOMRect.

Examples

To create a new DOMRect, you could run a line of code like so:

myDOMRect = new DOMRect(0,0,100,100);
// running 'myDOMRect' in the console would then return
// DOMRect { x: 0, y: 0, width: 100, height: 100, top: 0, right: 100, bottom: 100, left: 0 }

Specifications

Specification Status Comment
Geometry Interfaces Module Level 1
The definition of 'DOMRect()' in that specification.
Candidate Recommendation Initial definition.

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
DOMRect() constructorChrome Full support YesEdge Full support 79Firefox Full support YesIE No support NoOpera Full support YesSafari Full support 10.1WebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support 10.3Samsung Internet Android Full support Yes

Legend

Full support
Full support
No support
No support

See also