DOMPoint

Объект DOMPoint представляет собой 2D или 3D точку в системе координат; он включает значения координат вплоть до трёх измерений, а также необязательное значение перспективы. DOMPoint основан на DOMPointReadOnly, но позволяет изменять значения его свойств.

В общем случае положительное значение x компоненты означает позицию справа от начала координат, положительное значение y компоненты означает позицию ниже начала координат, а положительное значение z компоненты означает позицию, направленную наружу от экрана (другими словами, в сторону пользователя).

DOMPoint()

Создаёт и возвращает новый объект DOMPoint с заданными значениями нуля или более координатных компонентов и, необязательно, значением перспективы w. Также можно использовать существующий объект DOMPoint или DOMPointReadOnly, чтобы создать новую точку, вызвав статический метод DOMPoint.fromPoint().

DOMPoint может также унаследовать свойства от своего родителя, DOMPointReadOnly.

DOMPoint.x

Координата x точки DOMPoint.

DOMPoint.y

Координата y точки DOMPoint.

DOMPoint.z

Координата z точки DOMPoint.

DOMPoint.w

Значение перспективы для точки DOMPoint.

DOMPoint наследует методы экземпляра от своего родителя, DOMPointReadOnly.

DOMPoint может также унаследовать статические методы от своего родителя, DOMPointReadOnly.

DOMPoint.fromPoint()

Создаёт новый изменяемый объект DOMPoint на основе существующей точки (или объекта, содержащего соответствующие свойства), предоставляя значения для его свойств.

В API устройств WebXR значения DOMPointReadOnly представляют собой координаты и ориентации. В следующем фрагменте положение устройства XR (например, VR-шлема или телефона с AR-возможностями) можно получить, вызвав XRFrame.getViewerPose() во время кадра анимации XRSession, а затем обратившись к свойству XRPose's transform, которое содержит два атрибута DOMPointReadOnly: position в качестве вектора и orientation в качестве кватерниона.

function onXRFrame(time, xrFrame) {
  let viewerPose = xrFrame.getViewerPose(xrReferenceSpace);

  if (viewerPose) {
    let position = viewerPose.transform.position;
    let orientation = viewerPose.transform.orientation;

    console.log(
      `XR Viewer Position: {x: ${roundToTwo(position.x)}, y: ${roundToTwo(
        position.y,
      )}, z: ${roundToTwo(position.z)}`,
    );

    console.log(
      `XR Viewer Orientation: {x: ${roundToTwo(orientation.x)}, y: ${roundToTwo(
        orientation.y,
      )}, z: ${roundToTwo(orientation.z)}, w: ${roundToTwo(orientation.w)}`,
    );
  }
}

• DOMRect
• DOMMatrix