Your Search Results

    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.

    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 Not supported

         		 (Yes)
         		 Not supported

    Not supported

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

    See also

    Document Tags and Contributors

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