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

问题描述

问 题

代码：

<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里面也没用- -。。刚学习，求大神指教

解决方案

用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

这篇关于javascript - SVG/为什么用js生成了path页面没有。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！