W3cubDocs

/Web APIs

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 DOMPoint, 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
// DOMRect { x: 0, y: 0, width: 100, height: 100, top: 0, right: 100, bottom: 100, left: 0 }

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
DOMRectReadOnly 61 79 62 No 48 10.1 61 61 62 45 10.3 8.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMRectReadOnly/DOMRectReadOnly