我有一个脚本,它通过 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/