SVGPoint

Jump to:
  1. Syntax
  2. Example
  3. Browser compatibility

An SVGPoint represents a 2D or 3D point in the SVG coordinate system.

Syntax

retObject = SVGElement.createSVGPoint()

Value

The returned value is a SVGPoint object.

Example

//create the SVGPoint in the user coordinate system 
var s = document.getElementById("SVG-ElementID").createSVGPoint();

//then set the x and y values of the returned SVGPoint object which is s
s.y = 10, s.x = 10;

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes ? Yes ? Yes ?
x Yes ? Yes ? Yes ?
y Yes ? Yes ? Yes ?
matrixTransform Yes ? Yes ? Yes ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? Yes ? Yes Yes ? ?
x ? Yes ? Yes Yes ? ?
y ? Yes ? Yes Yes ? ?
matrixTransform ? Yes ? Yes Yes ? ?

Document Tags and Contributors

Tags: 
Contributors to this page: connorshea, Tonyshih, Sebastianz, fscholz, Navin_Jadhav, chitra_lakhotia, kscarfone, Sheppy, highselina
Last updated by: connorshea,