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 的浏览器中加载。