DOMPointReadOnly

注意:此功能在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 表示形式。

规范

规范
几何接口模块级别 1
# DOMPoint

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅