An SVGPoint represents a 2D or 3D point in the SVG coordinate system.
retObject = SVGElement.createSVGPoint()
The returned value is a SVGPoint object.
//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;
<div>{{APIRef("SVG")}}</div>
<p>An <code>SVGPoint</code> represents a 2D or 3D point in the SVG coordinate system.</p>
<h2 id="Syntax">Syntax</h2>
<pre>
retObject = SVGElement.createSVGPoint()</pre>
<h3 id="Value">Value</h3>
<p>The returned value is a SVGPoint object.</p>
<h2 id="Example">Example</h2>
<pre class="brush: js">
//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;
</pre>
<p> </p>
<p> </p>