This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.
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 DOMRect
, 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 1The definition of 'DOMRect()' in that specification. | Candidate Recommendation | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
DOMRect() constructor
|
Chrome
Full support 61 |
Edge
Full support 79 |
Firefox
Full support 31 |
IE
No support No |
Opera
Full support 48 |
Safari
Full support 10.1 |
WebView Android
Full support 61 |
Chrome Android
Full support 61 |
Firefox Android
Full support 31 |
Opera Android
Full support 45 |
Safari iOS
Full support 10.3 |
Samsung Internet Android
Full support 8.0 |
Legend
- Full support
- Full support
- No support
- No support
See also
DOMRect.DOMRect() by Mozilla Contributors is licensed under CC-BY-SA 2.5.