DOMPointReadOnly
DOMPointReadOnly インターフェイスは、 DOMPoint が座標系で二次元または三次元の点を定義するために使用する座標フィールドと透視図フィールドを指定するものです。
注: この機能は Web Worker 内で利用可能です
新しい DOMPointReadOnly インスタンスを作成するには、 2 つの方法があります。まず、コンストラクターを使用し、各次元の引数の値、そしてオプションで視点位置を渡すことができます。
js
/* 二次元 */
const point2D = new DOMPointReadOnly(50, 50);
/* 三次元 */
const point3D = new DOMPointReadOnly(50, 50, 25);
/* 三次元で視点位置付き */
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 表現を返します。
仕様書
| Specification |
|---|
| Geometry Interfaces Module Level 1 # DOMPoint |
ブラウザーの互換性
BCD tables only load in the browser