Draft
This page is not complete.
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage 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 specification changes.
The DOMRectReadOnly interface specifies the standard properties used by DOMRect to define a rectangle.
Constructor
DOMRectReadOnly()- Defined to create a new
DOMRectReadOnlyobject, but note that this constructor cannot be called by 3rd party JavaScript: doing so returns an "Illegal constructor" typeError.
Properties
DOMRectReadOnly.xRead only- The x coordinate of the
DOMRect's origin. DOMRectReadOnly.yRead only- The y coordinate of the
DOMRect's origin. DOMRectReadOnly.widthRead only- The width of the
DOMRect. DOMRectReadOnly.heightRead only- The height of the
DOMRect. DOMRectReadOnly.topRead only- Returns the top coordinate value of the
DOMRect(usually the same asy.) DOMRectReadOnly.rightRead only- Returns the right coordinate value of the
DOMRect(usually the same asx + width). DOMRectReadOnly.bottomRead only- Returns the bottom coordinate value of the
DOMRect(usually the same as y + height). DOMRectReadOnly.leftRead only- Returns the left coordinate value of the
DOMRect(usually the same asx).
Methods
DOMRectReadOnly.fromRect()- Creates a new
DOMRectobject with a given location and dimensions.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Geometry Interfaces Module Level 1 The definition of 'DOMRectReadOnly' in that specification. |
Candidate Recommendation | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Edge | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | No support [1] | No support [1] | (Yes) | No support |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Mobile | Edge Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | No support | No support | ? | (Yes) | No support |
[1] IE and Edge support the non-standard MSDN: ClientRect which does not define x and y properties