This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The DOMRectReadOnly()
constructor creates a new DOMRectReadOnly
object.
Syntax
var myDOMRectReadOnly = new DOMRectReadOnly(x, y, width, height);
Parameters
- x
- The
x
coordinate of theDOMRectReadOnly
's origin. - y
- The
y
coordinate of theDOMRectReadOnly
's origin. - width
- The width of the
DOMRectReadOnly
. - height
- The height of the
DOMRectReadOnly
.
Examples
To create a new DOMPoint
, you could run a line of code like so:
myDOMRect = new DOMRectReadOnly(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 | Edge | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
Basic support | 57 | No support | No support | No support | No support | No support |
Feature | Android Webview | Chrome for Andorid | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Mobile | Edge Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|---|
Basic support | ? | 57 | ? | No support | No support | No support | No support | No support |