DOMPointReadOnly:fromPoint() 静态方法

静态DOMPointReadOnly方法fromPoint()根据源点创建并返回一个新的DOMPointReadOnly对象。

您还可以使用DOMPointReadOnly()构造函数创建新的DOMPointReadOnly对象。

语法

js
DOMPointReadOnly.fromPoint(sourcePoint)

参数

sourcePoint

一个DOMPointDOMPointReadOnly实例,或包含以下属性的对象,从中获取新点属性的值

x

一个不受限制的浮点值,指示空间中点的x坐标。这通常是水平坐标,正值在右侧,负值在左侧。默认值为0

y

一个不受限制的浮点数,提供点的y坐标。这是垂直坐标,在不应用于坐标系的任何变换的情况下,正值向下,负值向上朝屏幕顶部。默认值为0

z

一个不受限制的浮点值,给出点的z坐标,它(假设没有改变情况的变换)是深度坐标;正值更靠近用户,负值退回到屏幕中。默认值为0

w

点的w透视值,以不受限制的浮点数给出。默认值为1

返回值

一个新的DOMPointReadOnly对象(与源点相同)。

示例

创建二维点

此示例创建一个二维点,指定一个内联对象,其中包含要用于xy的值。允许zw属性保留其默认值(分别为01)。

js
const point2D = DOMPointReadOnly.fromPoint({ x: 25, y: 25 });

使用现有点创建三维点

此示例创建一个名为origPoint的点,类型为DOMPoint,使用DOMPoint()。然后将该点用作fromPoint()的输入,以创建新点newPoint

js
const origPoint = new DOMPoint(25, 25, 100, 0.5);

const newPoint = DOMPointReadOnly.fromPoint(origPoint);

规范

规范
几何接口模块级别 1
# dom-dompointreadonly-frompoint

浏览器兼容性

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