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

这是一个复制问题的片段:http://tinkerbin.com/7OmDWlsz

提前致谢!

最佳答案

如果元素不在 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);
}

关于Javascript 生成的 SVG 未更新,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11303813/

10-12 01:45
查看更多