DOMRect

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

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

DOMRect 物件描述了一個矩形的大小和位置。

由方法或屬性返回的 DOMRect 所代表的框的型別由返回它的方法或屬性指定。例如,Range.getBoundingClientRect() 使用此類物件來指定限定該 range 內容的矩形。

它繼承自其父類 DOMRectReadOnly

DOMRectReadOnly DOMRect

建構函式

DOMRect()

建立一個新的 DOMRect 物件。

例項屬性

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

靜態方法

DOMRect 也可能繼承其父類 DOMRectReadOnly 的靜態方法。

DOMRect.fromRect()

建立一個具有給定位置和尺寸的新 DOMRect 物件。

例項方法

DOMRect 可能繼承其父類 DOMRectReadOnly 的方法。

規範

規範
Geometry Interfaces Module Level 1
# DOMRect

瀏覽器相容性

另見