DOMPoint()
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.
DOMPoint() コンストラクターは、プロパティの一部または全部の値を指定して、新しい DOMPoint オブジェクトを作成し、それを返します。
また、静的関数 DOMPoint.fromPoint() を呼び出しても DOMPoint を作成することができます。この関数は、 DOMPoint や DOMPointReadOnly など、必要な引数を持つ任意のオブジェクトを受け取ることができます。
構文
js
new DOMPoint();
new DOMPoint(x);
new DOMPoint(x, y);
new DOMPoint(x, y, z);
new DOMPoint(x, y, z, w);
引数
DOMPoint.x-
新しい
DOMPointの水平座標であるxです。 DOMPoint.y-
新しい
DOMPointの垂直座標であるyです。 DOMPoint.z-
新しい
DOMPointの奥行き座標であるzです。 DOMPoint.w-
新しい
DOMPointの視点位置であるwです。
例
この例では、現在のウィンドウの左上隅を表す DOMPoint を作成し、最初の点を基準にして、垂直方向と水平方向に 100 ピクセルずつずらした 2 つ目の点を作成します。
js
var windTopLeft = new DOMPoint(window.screenX, window.screenY);
var newTopLeft = DOMPoint.fromPoint(windTopLeft);
newTopLeft.x += 100;
newTopLeft.y += 100;
仕様書
| Specification |
|---|
| Geometry Interfaces Module Level 1 # dom-dompoint-dompoint |
ブラウザーの互換性
BCD tables only load in the browser