DOMPointReadOnly.fromPoint()

Nos bénévoles n'ont pas encore traduit cet article en Français. Inscrivez-vous et aidez-nous à réaliser cette tâche !
Vous pouvez également lire cet article en English (US).

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

var point = DOMPointReadOnly.fromPoint(sourcePoint);

Properties

sourcePoint
A DOMPointInit-compliant object, which includes both DOMPoint and DOMPointReadOnly, 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).

var 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.

var origPoint = new DOMPoint(25, 25, 100, 0.5);

var newPoint = DOMPointReadOnly.fromPoint(origPoint)

Specifications

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

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
fromPointChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari Full support 10.1WebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 45Safari iOS Full support 10.1Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown

Étiquettes et contributeurs liés au document

Contributeurs à cette page : mdnwebdocs-bot, Sheppy
Dernière mise à jour par : mdnwebdocs-bot,