假设我有一些看起来像这样的HTML：
其中……只是段落或其他代码.
问题：我希望能够使用d3.Js在每个div上附加一个SVG.
例如,假设我想制作一个矩形,如：
var svg = ((SOMETHING GOES HERE!)) .append("svg") .attr("wIDth",w) .attr("height",h);var sep = svg.selectAll("rect") .append("rect") .attr("x",0) .attr("y",0) .attr("wIDth",100) .attr("height",10)
如何在第一行使用选择器来执行此 *** 作？我已经尝试了selectall()和select()以及各种“div.a”,“.”等等,但似乎没有任何效果.最佳答案您可以通过以下方式将SVG附加到div：
d3.selectAll("div.a").append("svg")
如果您想在选择后对这些SVG进行选择并对其进行 *** 作,只需添加一个子选择：
d3.selectAll("div.a").select("svg").append("rect").attr("height",50).attr("wIDth",50)
或者您可以对SVG进行分类并在完成后选择它们：
d3.selectAll("div.a").append("svg").attr("class","divSVG")d3.selectAll("svg.divSVG).append("rect").attr("height",50)
此外,如果您希望它们出现在元素之前,请使用insert而不是append：
d3.selectAll("div.a").insert("svg","p")
总结 以上是内存溢出为你收集整理的javascript – 使用d3.js在几个div上创建一个SVG全部内容，希望文章能够帮你解决javascript – 使用d3.js在几个div上创建一个SVG所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）