The static DOMPointReadOnly method fromPoint() creates and returns a new DOMPointReadOnly object given a source point. The source point is specified as a DOMPointInit-compatible object, which includes both DOMPoint and DOMPointReadOnly.
You can also create a new DOMPointReadOnly object using the new DOMPointReadOnly() constructor.
Syntax
const point = DOMPointReadOnly.fromPoint(sourcePoint)
Properties
sourcePoint- A
DOMPointInit-compliant object, which includes bothDOMPointandDOMPointReadOnly, from which to take the values of the new point's properties.
Return value
A new DOMPointReadOnly object (which is identical to the source point).
Examples
Creating a 2D point
This sample creates a 2D point, specifying an inline object that includes the values to use for x and y. The z and w properties are allowed to keep their default values (0 and 1 respectively).
const point2D = DOMPointReadOnly.fromPoint({x: 25, y: 25})
Creating a 3D point using an existing point
This example creates a point, origPoint, of type DOMPoint, using new DOMPoint(). That point is then used as the input for fromPoint() to create a new point, newPoint.
const origPoint = new DOMPoint(25, 25, 100, 0.5)
const newPoint = DOMPointReadOnly.fromPoint(origPoint)
Specifications
| Specification | Status | Comment |
|---|---|---|
| Geometry Interfaces Module Level 1The definition of 'fromPoint()' 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.
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
fromPoint() static function
|
Chrome
Full support 61 |
Edge
Full support 79 |
Firefox
Full support 62 |
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 62 |
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
DOMPointReadOnly.fromPoint() by Mozilla Contributors is licensed under CC-BY-SA 2.5.