The DOMPointReadOnly interface specifies the coordinate and perspective fields used by DOMPoint to define a 2D or 3D point in a coordinate system.

Note: This feature is available in Web Workers.

There are two ways to create a new DOMPointReadOnly instance. First, you can use its constructor, passing in the values of the parameters for each dimension and, optionally, the perspective:

/* 2D */
var point = new DOMPointReadOnly(50, 50);

/* 3D */
var point = new DOMPointReadOnly(50, 50, 25);

/* 3D with perspective */
var point = new DOMPointReadOnly(100, 100, 100, 1.0);

The other option is to use the static DOMPointReadOnly.fromPoint() method:

var point = DOMPointReadOnly.fromPoint({x: 100, y: 100, z: 50; w: 1.0});


Creates a new DOMPointReadOnly object given the values of its coordinates and perspective. To create a point using aDOMPointInit object, you can instead use DOMPointReadOnly.fromPoint().


DOMPointReadOnly.x Read only
The point's horizontal coordinate, x.
DOMPointReadOnly.y Read only
The point's vertical coordinate, y.
DOMPointReadOnly.z Read only
The point's depth coordinate, z.
DOMPointReadOnly.w Read only
The point's perspective value, w.

Static methods

A static method that creates a new DOMPointReadOnly object given the coordinates provided in the specified DOMPointInit object.


Applies a matrix transform specified as a DOMMatrixInit object to the DOMPointReadOnly object.
Returns a JSON representation of the DOMPointReadOnly object.


Specification Status Comment
Geometry Interfaces Module Level 1
The definition of 'DOMPoint' in that specification.
Candidate Recommendation Latest spec version is an ED.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support61 No31 No48 No
DOMPointReadOnly() constructor61 No31 No48 No
x61 No31 No48 No
y61 No31 No48 No
z61 No31 No48 No
w61 No31 No48 No
fromPoint61 No31 No48 No
matrixTransform61 No31 No48 No
toJSON61 No31 No48 No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support6161 No3148 No ?
DOMPointReadOnly() constructor6161 No3148 No ?
x6161 No3148 No ?
y6161 No3148 No ?
z6161 No3148 No ?
w6161 No3148 No ?
fromPoint6161 No3148 No ?
matrixTransform6161 No3148 No ?
toJSON6161 No3148 No ?

See also

Document Tags and Contributors

Contributors to this page: connorshea, Sheppy, jpmedley, rolfedh, chrisdavidmills
Last updated by: connorshea,