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 DOMRect() constructor creates a new DOMRect object.
Syntax
var myDOMRect = new DOMRect(x, y, width, height);
Parameters
- x
- The
xcoordinate of theDOMRect's origin. - y
- The
ycoordinate of theDOMRect's origin. - width
- The width of the
DOMRect. - height
- The height of the
DOMRect.
Examples
To create a new DOMPoint, you could run a line of code like so:
myDOMRect = new DOMRect(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 | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) |
No support |
No support |
No support |
| Feature | Android Webview | Chrome for Andorid | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | No support | No support | No support | No support |