This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Note: This feature is available in Web Workers.
The DOMPointReadOnly() constructor returns a new DOMPointReadOnly object representing a point in 2D or 3D space, optionally with perspective, whose values cannot be altered by script code.
new DOMPointReadOnly() new DOMPointReadOnly(x) new DOMPointReadOnly(x, y) new DOMPointReadOnly(x, y, z) new DOMPointReadOnly(x, y, z, w)
x OptionalThe value of the horizontal coordinate, x, as a floating point number. The default value is 0.
y OptionalThe value of the vertical coordinate, y, as a floating point number. The default value is 0.
z OptionalThe value of the depth coordinate, z, as a floating point number. The default value is 0.
w OptionalThe value of the perspective, w, as a floating point number. The default is 1.
Note: Each of these values is what's called an unrestricted number. In addition to any finite floating-point value, you may use special values such as ±Infinity and NaN.
A new DOMPointReadOnly object representing the specified location in space.
The following code demonstrates creating both 2D and 3D points.
const point2D = new DOMPointReadOnly(50, 25); const point3D = new DOMPointReadOnly(50, 0, 10); const perspectivePoint3D = new DOMPointReadOnly(50, 50, 25, 0.5);
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
DOMPointReadOnly |
61 | 79 | 62 | 48 | 10.1 | 61 | 62 | 45 | 10.3 | 8.0 | 61 | 10.3 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMPointReadOnly/DOMPointReadOnly