DOMRect()
Experimental: This is an experimental technology
Check 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
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
DOMRect |
61 |
79 |
31 |
No |
48 |
10.1 |
61 |
61 |
31 |
45 |
10.3 |
8.0 |
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMRect/DOMRect