DOMRectReadOnly: DOMRectReadOnly() constructor

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

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

See also