DOMRect

io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/zh-cn/web/api/geometry_interfaces/index.md)

一个 DOMRect 代表一个矩形。

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

它继承自它的父类,DOMRectReadOnly

DOMRectReadOnly DOMRect

构造函数

DOMRect()

创建一个新的 DOMRect 对象。

属性

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 的值)。

静态方法

DOMRectReadOnly.fromRect()

创建一个具有指定位置和尺寸的新 DOMRect 对象。

规范

Specification
Geometry Interfaces Module Level 1
# DOMRect

浏览器兼容性

BCD tables only load in the browser

更多