Question

I’m trying to use document.createElement(‘circle’) to work with svgs but Chrome creates a end tag to circle giving

<circle></circle>

which results of an error.
How can I create an element without an ending that?

Answer 1

You might want to take a look at this article

SVG Scripting with JavaScript Part 1: Simple Circle

The method you’re looking for is:

var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");

Edit: Credit where credit is due

Stackoverflow: Creating SVG graphics using javascript?