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 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
fromRect() static function | Chrome Full support 57 | Edge No support No | Firefox Full support 69 | IE No support No | Opera Full support 44 | Safari Full support 10.1 | WebView Android Full support 57 | Chrome Android Full support 57 | Firefox Android No support No | Opera Android Full support 43 | Safari iOS Full support 10.3 | Samsung Internet Android Full support 7.0 |
Legend
- Full support
- Full support
- No support
- No support