Experimental: 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.


var domRect = DOMRectReadOnly.fromRect(rectangle)


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 top side of the rectangle.
  • width: The width of the rectangle.
  • height: The height of the rectangle.

Return value

An instance of DOMRect.


Geometry Interfaces Module Level 1 (Geometry Interfaces 1)
# dom-domrectreadonly-fromrect

Browser compatibility

BCD tables only load in the browser