SVG and Javascript - Creating a SVGPoint - TypeError: Illegal constructor

Question

I'm trying to create an SVG polygon from with Javascript.

When I try to creating an SVGPoint with this Javascript code:

var p = new SVGPoint();

I'm getting the following message: - TypeError: Illegal constructor

Answer 1

From your SVG document you need to call .createSVGPoint() to create a new point (initlaized at 0,0), like this:

var p = svgRoot.createSVGPoint();

SVGPoint (the interface itself) has no constructor, that's why you're getting an error currently.