Javascript生成的SVG不更新

Question

我有一个脚本通过jQuery向内联SVG图像添加元素，但新元素似乎没有显示出来。输出完全有效;我可以将它复制到原始文件中，重新加载它，它将呈现得很好。但是当脚本生成它时，新元素不可见。

以下是复制问题的代码段：http://tinkerbin.com/7OmDWlsz

提前致谢！

Answer 1

如果元素不在svg名称空间中，您将看不到任何svg输出。

尝试使用以下代码替换脚本代码：

var slices = 10;

for(i = 0; i < 360; i += 360 / slices) {
  var element = document.createElementNS("http://www.w3.org/2000/svg", "polyline");
  element.setAttribute("points", "0,0 -10,100 10,100");
  element.setAttribute("transform", "rotate(" + i + ")");
  $('#rotate').append(element);
}