DOM

インターフェイス

DOMPointReadOnly インターフェイス

→● MS（en-US）

このインターフェイスは、座標系で2D または 3D ポイントを定義するために DOMPoint によって使用される座標フィールドと遠近法フィールドを指定します。

注： この機能は Web ワーカーで使用できます

新しい DOMPointReadOnly インスタンスを作成する方法は 2 つあります。まず、コンストラクターを使用して、各ディメンションのパラメーターの値を渡し、オプションで、視点：

/* 2D */
const point = new DOMPointReadOnly(50, 50);

/* 3D */
const point = new DOMPointReadOnly(50, 50, 25);

/* 3D with perspective */
const point = new DOMPointReadOnly(100, 100, 100, 1.0);

もう 1 つのオプションは、静的 DOMPointReadOnly.fromPoint() メソッドを使用することです：

const point = DOMPointReadOnly.fromPoint({x: 100, y: 100, z: 50; w: 1.0});

コンストラクター

new DOMPointReadOnly() ●

座標とパースペクティブの値を指定して、新しい DOMPointReadOnly オブジェクトを作成します。オブジェクトを使用してポイントを作成するには、代わりに DOMPointReadOnly.fromPoint() を使用できます。

プロパティ

DOMPointReadOnly.x 読取専用 ●

ポイントの水平座標 x。

DOMPointReadOnly.y 読取専用 ●

ポイントの垂直座標 y。

DOMPointReadOnly.z 読取専用 ●

ポイントの深度座標 z。

DOMPointReadOnly.w 読取専用 ●

ポイントのパースペクティブ値、w。

静的メソッド

DOMPointReadOnly.fromPoint() ●

指定されたオブジェクトで提供された座標を指定して、新しい DOMPointReadOnly オブジェクトを作成する静的メソッド。

メソッド

DOMPointReadOnly.matrixTransform() ●

オブジェクトとして指定された行列変換を DOMPointReadOnly オブジェクトに適用します。

DOMPointReadOnly.toJSON()

DOMPointReadOnly オブジェクトの JSON 表現を返します。

例

var point = new DOMPoint(5, 4);
var matrix = new DOMMatrix([2, 0, 0, 2, 10, 10]);
var transformedPoint = point.matrixTransform(matrix);

テスト