DOMRectReadOnly()

Experimental: 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
Geometry Interfaces Module Level 1 (Geometry Interfaces 1) # dom-domrectreadonly-domrectreadonly

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