This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
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
| 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 |