DOM

インターフェイス

DOMRect インターフェイス

  編集:2022.04.05 by T.A.

MS(en-US)

DOMRect は、長方形のサイズと位置を記述します。

DOMRect によって表されるボックスのタイプは、それを返したメソッドまたはプロパティによって指定されます。たとえば、WebVR API の VREyeParameters.renderRect は、ヘッドマウント ディスプレイの片目のビジュアルをレンダリングするキャンバスのビューポートを指定します。

親である DOMRectReadOnly から継承します。

コンストラクター
new DOMRect()
新しい DOMRect オブジェクトを作成します。
プロパティ

DOMRect は、その親からプロパティを継承します、DOMRectReadOnly。違いは、それらがもはや読み取り専用ではないということです。

DOMRectReadOnly.x
DOMRect の原点のx座標(通常は長方形の左上隅)。
DOMRectReadOnly.y
DOMRect の原点のy座標(通常は長方形の左上隅)。
DOMRectReadOnly.width
DOMRect の横幅。
DOMRectReadOnly.height
DOMRect の高さ。
DOMRectReadOnly.top
DOMRect の最上位座標値を返します(y と同じ値、または高さが負の場合は y +高さ)。
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 オブジェクトを作成します。

テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: