このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

DOMRectReadOnly: DOMRectReadOnly() コンストラクター

Baseline Widely available

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

メモ: この機能はウェブワーカー内で利用可能です。

DOMRectReadOnly() コンストラクターは新しい DOMRectReadOnly オブジェクトを生成します。

構文

js
new DOMRectReadOnly(x, y, width, height)

引数

x

DOMRectReadOnly の原点の x 座標です。

y

DOMRectReadOnly の原点の y 座標です。

width

DOMRectReadOnly の幅です。

height

DOMRectReadOnly の高さです。

新しい DOMRectReadOnly を作成するには、次のようなコード行を実行します。

js
const myDOMRect = new DOMRectReadOnly(0, 0, 100, 100);
// 'myDOMRect' をコンソールで実行すると、次の行が返ります。
// DOMRectReadOnly { x: 0, y: 0, width: 100, height: 100, top: 0, right: 100, bottom: 100, left: 0 }

仕様書

Specification
Geometry Interfaces Module Level 1
# dom-domrectreadonly-domrectreadonly

ブラウザーの互換性

関連情報