将新文本添加到svg

Question

我创建了一个svg区域。正如文档中发生的那样，我想在我点击的svg区域的xy坐标中的svg区域中显示文本字符串。

当这些事情发生时，如何将新文本元素附加到svg区域中给定的xy坐标？

Answer 1

var  svg = document.getElementById("id-of-my-svg");

var  text = document.createElementNS("http://www.w3.org/2000/svg", "text");
text.setAttribute("x", clickX);
text.setAttribute("y", clickY);
text.appendChild( document.createTextNode("Some text") );

svg.appendChild(text);

Demo here