DOMRectReadOnly.fromRect()

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The fromRect() property of the DOMRectReadOnly interface creates a new DOMRectReadOnly object with a given location and dimensions.

Syntax

var domRect = DOMRectReadOnly.fromRect(rectangle)

Parameters

rectangle Optional
An object specifying the location and dimensions of a rectangle. All properties default to 0. The properties are:
  • x: The coordinate of the left side of the rectangle.
  • y: The coordinate of the right side of the rectangle.
  • width: The width of the rectangle.
  • height: The height of the rectangle.

Return value

An instance of DOMRect.

Specifications

Specification Status Comment
Geometry Interfaces Module Level 1
The definition of 'fromRect()' in that specification.
Candidate Recommendation Initial definition.

Browser Compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic support
Experimental
Chrome Full support 57Edge ? Firefox ? IE ? Opera Full support 44Safari ? WebView Android Full support 57Chrome Android Full support 57Edge Mobile ? Firefox Android ? Opera Android Full support 44Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.

Document Tags and Contributors

Contributors to this page: fscholz, connorshea, david_ross, jpmedley
Last updated by: fscholz,