Наші добровольці ще не переклали статтю цією мовою: Українська. Долучайтеся й допоможіть це зробити!
Ви також можете прочитати цю статтю іншою мовою: English (US).

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});

Constructor

DOMPointReadOnly()
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().

Properties

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

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

Methods

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

Specifications

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari No support NoWebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 48Safari iOS No support NoSamsung Internet Android ?
DOMPointReadOnly() constructorChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari No support NoWebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 48Safari iOS No support NoSamsung Internet Android ?
xChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari No support NoWebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 48Safari iOS No support NoSamsung Internet Android ?
yChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari No support NoWebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 48Safari iOS No support NoSamsung Internet Android ?
zChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari No support NoWebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 48Safari iOS No support NoSamsung Internet Android ?
wChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari No support NoWebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 48Safari iOS No support NoSamsung Internet Android ?
fromPointChrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari No support NoWebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 48Safari iOS No support NoSamsung Internet Android ?
matrixTransform
Deprecated
Chrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari No support NoWebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 48Safari iOS No support NoSamsung Internet Android ?
toJSON
Deprecated
Chrome Full support 61Edge No support NoFirefox Full support 31IE No support NoOpera Full support 48Safari No support NoWebView Android Full support 61Chrome Android Full support 61Edge Mobile No support NoFirefox Android Full support 31Opera Android Full support 48Safari iOS No support NoSamsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.

See also

Мітки документа й учасники

Зробили внесок у цю сторінку: connorshea, Sheppy, jpmedley, rolfedh, chrisdavidmills
Востаннє оновлена: connorshea,