DOMRect

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起，所有主流浏览器均已支持。

注意：此功能在 Web Workers 中可用。

DOMRect 对象描述了一个矩形的大小和位置。

由方法或属性返回的 DOMRect 所代表的框的类型由返回它的方法或属性指定。例如，Range.getBoundingClientRect() 使用此类对象来指定限定该 range 内容的矩形。

它继承自其父类 DOMRectReadOnly。

构造函数

DOMRect 继承了其父类 DOMRectReadOnly 的属性。区别在于它们不再是只读的。

DOMRect.x: DOMRect 原点的 x 坐标（通常是矩形的左上角）。
DOMRect.y: DOMRect 原点的 y 坐标（通常是矩形的左上角）。
DOMRect.width: DOMRect 的宽度。
DOMRect.height: DOMRect 的高度。
DOMRectReadOnly.top: 返回 DOMRect 的顶部坐标值（与 y 具有相同的值，如果 height 为负数，则为 y + height）。
DOMRectReadOnly.right: 返回 DOMRect 的右侧坐标值（与 x + width 具有相同的值，如果 width 为负数，则为 x）。
DOMRectReadOnly.bottom: 返回 DOMRect 的底部坐标值（与 y + height 具有相同的值，如果 height 为负数，则为 y）。
DOMRectReadOnly.left: 返回 DOMRect 的左侧坐标值（与 x 具有相同的值，如果 width 为负数，则为 x + width）。