SVGPoint

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: 
Last updated by: connorshea,