Web/API/DOMPoint/DOMPoint

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 as input a DOMPointInit compatible object, including a DOMPoint or DOMPointReadOnly.

Syntax

point = 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.

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

Specifications

Specification	Status	Comment
Geometry Interfaces Module Level 1The definition of 'DOMPoint()' in that specification.	Candidate Recommendation	Initial definition

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`DOMPoint()` constructor Experimental'	Chrome Full support 61	Edge Full support 79	Firefox Full support 31	IE No support No	Opera Full support 48	Safari Full support 10.1	WebView Android Full support 61	Chrome Android Full support 61	Firefox Android Full support 31	Opera Android Full support 45	Safari iOS Full support 10.3	Samsung Internet Android Full support 8.0

Legend

Full support: Full support
No support: No support
Experimental. Expect behavior to change in the future.': Experimental. Expect behavior to change in the future.