DOMRect

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2020年1月⁩.

一个 DOMRect 代表一个矩形。

DOMRect 表示的盒子的类型由返回它的方法或属性指定。例如，WebVR API 的 VREyeParameters.renderRect 指定了头戴式显示器的一只眼睛应该呈现的影像所在的 canvas 的视口。

它继承自它的父类，DOMRectReadOnly。

构造函数

DOMRect 从其父类 DOMRectReadOnly 继承属性。不同之处在于它们不再是只读的。

DOMRectReadOnly.x: DOMRect 原点的 x 坐标。
DOMRectReadOnly.y: DOMRect 原点的 y 坐标。
DOMRectReadOnly.width: DOMRect 的宽度。
DOMRectReadOnly.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 的值）。