This article needs a technical review. How you can help.
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use 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 spec 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 | Latest spec version is an ED. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | Not supported |
(Yes) |
Not supported |
Not supported |
Not supported |
| Feature | Android | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|
| Basic support | Not supported | (Yes) | Not supported | Not supported | Not supported | Not supported | Not supported |