DOMPointReadOnly

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

注意:此功能在 Web Workers 中可用。

DOMPointReadOnly 介面定義了 DOMPoint 用於定義座標系中二維或三維點的座標和透視欄位。

有兩種方法可以建立新的 DOMPointReadOnly 例項。首先,您可以使用其建構函式,傳入每個維度以及可選的透視的引數值。

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

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

/* 3D with perspective */
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
# DOMPoint

瀏覽器相容性

另見