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 が表すボックスの型は、それを返したメソッドやプロパティで指定されます。例えば、Range.getBoundingClientRect()は、そのようなオブジェクトを使用した範囲のコンテンツを囲む長方形を指定します。
親である DOMRectReadOnly から継承しています。
コンストラクター
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 からメソッドを継承しています。
仕様書
| Specification |
|---|
| Geometry Interfaces Module Level 1 # DOMRect |
ブラウザーの互換性
BCD tables only load in the browser