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
x
coordinate of theDOMRect
's origin. - y
- The
y
coordinate 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 |