DOMRect

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

一个 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

更多