SVG/为什么用js生成了path页面没有。

Question

代码：

<script type="text/javascript">
    $("button").click(function(){
        for(var x=0;x<80;x++){
            $("<path d='M300 200 Q"+x*10+" 900 350 200' stroke='orange' stroke-width='5' fill='none' />").appendTo("svg");
        }
    })
</script>

我在html里面写可以生成、用js写页面已经添加进去了，但是不显示。
放在把js代码放在svg里面也没用- -。。刚学习，求大神指教

Answer 1

用jq操作svg。。。 这个会很蛋疼的。 换成d3.js操作

var svg = d3.select("#svg");
for(...){
    svg.append("path").attr("d",'M300 200 Q'+x*10+' 900 350 200').attr(...);
}

就OK了。

可以认为d3是svg版的jq

Answer 2

猜到了一部分。要重构下svg= =
$("svg").html($("svg").html())

Answer 3

这是因为SVG比较特殊，这里的原因是因为SVG不是html标签，或者说命名空间不一样，应该使用svg的。