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
var myDOMRectReadOnly = new DOMRectReadOnly(x, y, width, height);
Parameters
- x
- The
xcoordinate of theDOMRectReadOnly's origin. - y
- The
ycoordinate of theDOMRectReadOnly'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:
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 | Status | Comment |
|---|---|---|
| Geometry Interfaces Module Level 1 The definition of 'DOMRect()' in that specification. |
Candidate Recommendation | Initial definition. |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Edge | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 57 | No support | No support | No support | No support | No support |
| Feature | Android Webview | Chrome for Andorid | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Mobile | Edge Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|---|
| Basic support | ? | 57 | ? | No support | No support | No support | No support | No support |