W3cubDocs

/Web APIs

DOMPoint: DOMPoint() constructor

The DOMPoint() constructor creates and returns a new DOMPoint object, given the values for some or all of its properties.

You can also create a DOMPoint by calling the DOMPoint.fromPoint() static function. That function accepts any object with the required parameters, including a DOMPoint or DOMPointReadOnly.

Syntax

js

new DOMPoint()
new DOMPoint(x)
new DOMPoint(x, y)
new DOMPoint(x, y, z)
new DOMPoint(x, y, z, w)

Parameters

x Optional

The x coordinate for the new DOMPoint.

y Optional

The y coordinate for the new DOMPoint.

z Optional

The z coordinate for the new DOMPoint.

w Optional

The perspective value of the new DOMPoint.

Examples

This example creates a DOMPoint representing the top-left corner of the current window, then creates a second point based on the first, which is then offset by 100 pixels both vertically and horizontally.

js

const windTopLeft = new DOMPoint(window.screenX, window.screenY);
const newTopLeft = DOMPoint.fromPoint(windTopLeft);
newTopLeft.x += 100;
newTopLeft.y += 100;

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
DOMPoint 61 79 31 No 48 10.1 61 61 31 45 10.3 8.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMPoint/DOMPoint