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);
}