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 the proper prefixes to use 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 spec 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.

ConstructorEdit

DOMRect()
Creates a new DOMPoint object.

MethodsEdit

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.)

PropertiesEdit

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.)

ExamplesEdit

TBD.

SpecificationsEdit

Specification Status Comment
Geometry Interfaces Module Level 1
The definition of 'DOMRect' in that specification.
Candidate Recommendation Latest spec version is an ED.

Browser compatibilityEdit

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support Not supported

 
(Yes)
 
Not supported

Not supported

Not supported

See alsoEdit

Document Tags and Contributors

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