DOMPointReadOnly
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。
DOMPointReadOnly インターフェイスは、 DOMPoint が座標系で 2D または 3D の点を定義するために使用する座標フィールドと透視図フィールドを指定するものです。
メモ: この機能はウェブワーカー内で利用可能です。
新しい DOMPointReadOnly インスタンスを作成するには、 2 つの方法があります。まず、コンストラクターを使用し、各次元の引数の値、そしてオプションで視点位置を渡すことができます。
js
/* 2D */
const point2D = new DOMPointReadOnly(50, 50);
/* 3D */
const point3D = new DOMPointReadOnly(50, 50, 25);
/* 3D で視点位置付き */
const point3DPerspective = new DOMPointReadOnly(100, 100, 100, 1.0);
もう一つの選択肢は、静的な DOMPointReadOnly.fromPoint() メソッドを使用する方法です。
js
const point = DOMPointReadOnly.fromPoint({ x: 100, y: 100, z: 50, w: 1.0 });
コンストラクター
DOMPointReadOnly()-
座標と視点位置を指定して、新しい
DOMPointReadOnlyオブジェクトを作成します。オブジェクトを使用して点を作成する場合は、代わりにDOMPointReadOnly.fromPoint()を使用することができます。
インスタンスプロパティ
DOMPointReadOnly.x読取専用-
この点の水平座標である
xです。 DOMPointReadOnly.y読取専用-
この点の垂直座標である
yです。 DOMPointReadOnly.z読取専用-
この点の奥行座標である
zです。 DOMPointReadOnly.w読取専用-
この点の視点位置である
wです。
静的メソッド
DOMPointReadOnly.fromPoint()-
指定されたオブジェクトの座標を指定して、新しい
DOMPointReadOnlyオブジェクトを作成する静的メソッドです。
インスタンスメソッド
matrixTransform()-
オブジェクトとして指定された行列変換を
DOMPointReadOnlyオブジェクトに適用します。 toJSON()-
DOMPointReadOnlyオブジェクトの JSON 表現を返します。
仕様書
| 仕様書 |
|---|
| Geometry Interfaces Module Level 1 # dompointreadonly |