DOMRect

This article needs a technical review. How you can help.

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.

A DOMRect represents a rectangle.

The type of box represented by the DOMRect is specified by the method or property that returned it. For example, VREyeParameters.renderRect from the WebVR API specifies the viewport of a canvas into which visuals for one eye of a head mounted display should be rendered.

It inherits from its parent, DOMRectReadOnly.

Constructor

DOMRect()
Creates a new DOMPoint object.

Methods

DOMRect inherits methods from its parent, DOMRectReadOnly.

DOMRectReadOnly.fromRect
Translates the position/perspective of a DOMRect to a new position (doesn't appear to be supported anywhere yet.)

Properties

DOMRect inherits properties from its parent, DOMRectReadOnly.

DOMRectReadOnly.x Read only
The x coordinate of the DOMRect's origin.
DOMRectReadOnly.y Read only
The y coordinate of the DOMRect's origin.
DOMRectReadOnly.width Read only
The width of the DOMRect.
DOMRectReadOnly.height Read only
The height of the DOMRect.
DOMRectReadOnly.top Read only
Returns the top coordinate value of the DOMRect (has the same value as y, or y + height if height is negative.)
DOMRectReadOnly.right Read only
Returns the right coordinate value of the DOMRect (has the same value as x + width, or x if width is negative.)
DOMRectReadOnly.bottom Read only
Returns the bottom coordinate value of the DOMRect (has the same value as y + height, or y if height is negative.)
DOMRectReadOnly.left Read only
Returns the left coordinate value of the DOMRect (has the same value as x, or x + width if width is negative.)

Examples

TBD.

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 No support

 
(Yes)
 
No support

No support

No support
Feature Android Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support No support (Yes) No support No support No support No support No support

See also

Document Tags and Contributors

 Contributors to this page: rolfedh, chrisdavidmills
 Last updated by: rolfedh,