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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Chrome Full support 57 | Edge ? | Firefox ? | IE ? | Opera Full support 44 | Safari ? | WebView Android Full support 57 | Chrome Android Full support 57 | Edge Mobile ? | Firefox Android ? | Opera Android Full support 44 | Safari 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.