DOMPointReadOnly - 指定了 DOMPoint 用于定义坐标系中的 2D 或 3D 点的坐标和透视字段

DOMPointReadOnly 接口指定了 DOMPoint 用于定义坐标系中的 2D 或 3D 点的坐标和透视字段。

注意: 此特性在 Web Worker 中可用。

有两种方法可以创建新的 DOMPointReadOnly 实例。首先,您可以使用其构造函数,传入每个维度的参数值,以及可选的透视图:

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

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

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

另一种选择是使用静态 DOMPointReadOnly.fromPoint() 方法:

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

构造函数

DOMPointReadOnly()

给定其坐标和透视图的值,创建一个新的 DOMPointReadOnly 对象。要使用 DOMPointInit 对象创建一个点,您可以使用 DOMPointReadOnly.fromPoint()

属性

DOMPointReadOnly.x 只读

点的水平坐标,x

DOMPointReadOnly.y 只读

点的垂直坐标,y

DOMPointReadOnly.z 只读

点的深度坐标,z

DOMPointReadOnly.w 只读

点的透视值,w

静态方法

DOMPointReadOnly.fromPoint()

一个静态方法,根据指定的 DOMPointInit 对象中提供的坐标创建一个新的 DOMPointReadOnly 对象。

方法

matrixTransform()

将指定为 DOMMatrixInit 对象的矩阵变换应用于 DOMPointReadOnly 对象。

toJSON()

返回 DOMPointReadOnly 对象的 JSON 表示。

规范

规范 状态 备注
Geometry Interfaces Module Level 1
DOMPoint 的定义
候选推荐 Latest spec version is an ED.

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 61 不支持 31 不支持 48 不支持
DOMPointReadOnly() constructor 61 不支持 31 不支持 48 不支持
x 61 不支持 31 不支持 48 不支持
y 61 不支持 31 不支持 48 不支持
z 61 不支持 31 不支持 48 不支持
w 61 不支持 31 不支持 48 不支持
fromPoint 61 不支持 31 不支持 48 不支持
matrixTransform 61 不支持 31 不支持 48 不支持
toJSON 61 不支持 31 不支持 48 不支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 61 61 不支持 31 未知 48 不支持
DOMPointReadOnly() constructor 61 61 不支持 31 未知 48 不支持
x 61 61 不支持 31 未知 48 不支持
y 61 61 不支持 31 未知 48 不支持
z 61 61 不支持 31 未知 48 不支持
w 61 61 不支持 31 未知 48 不支持
fromPoint 61 61 不支持 31 未知 48 不支持
matrixTransform 61 61 不支持 31 未知 48 不支持
toJSON 61 61 不支持 31 未知 48 不支持

相关链接