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

浏览器兼容性

另见