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 newDOMPoint
. y
Optional- The
y
coordinate for the newDOMPoint
. z
Optional- The
z
coordinate for the newDOMPoint
. 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 1 The definition of 'DOMPoint()' in that specification. |
Candidate Recommendation | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
DOMPoint() constructor | 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.