DOMRectReadOnly()

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

The DOMRectReadOnly() constructor creates a new DOMRectReadOnly object.

Syntax

const myDOMRectReadOnly = new DOMRectReadOnly(x, y, width, height)

Parameters

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

Examples

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

const myDOMRect = new DOMRectReadOnly(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 'DOMRectReadOnly()' in that specification.
Candidate Recommendation Initial definition.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
DOMRectReadOnly() 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