DOMRectReadOnly: DOMRectReadOnly() constructor

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Note: This feature is available in Web Workers.

The DOMRectReadOnly() constructor creates a new DOMRectReadOnly object.

Syntax

js
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 DOMRectReadOnly, you could run a line of code like so:

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

Specifications

Specification
Geometry Interfaces Module Level 1
# dom-domrectreadonly-domrectreadonly

Browser compatibility

desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
DOMRectReadOnly() constructor

See also