dom / latest / domrectreadonly / domrectreadonly.html /

DOMRectReadOnly()

The DOMRectReadOnly() constructor creates a new DOMRectReadOnly object.

Syntax

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

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–2021 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