DOMRect

一个 DOMRect 描述了一个矩形的尺寸和位置。

DOMRect 所表示的框类型由返回它的方法或属性指定。例如,Range.getBoundingClientRect() 使用此类对象来指定包围范围内容的矩形。

它继承自其父类,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)。

静态方法

DOMRect 也可以从其父类,DOMRectReadOnly 继承静态方法。

DOMRect.fromRect()

使用给定的位置和尺寸创建一个新的 DOMRect 对象。

实例方法

DOMRect 可能会从其父类,DOMRectReadOnly 继承方法。

规范

规范
几何接口模块第 1 级
# DOMRect

浏览器兼容性

BCD 表格只在浏览器中加载

另请参阅