如何在 div 标签中使用 svg答案

【问题标题】：how to use svg inside div tag如何在 div 标签中使用 svg
【发布时间】：2015-12-30 14:48:02
【问题描述】：

我希望在 div 标签内使用 svg 元素，其想法是当我使 div 层不可见时，div 中的所有 svg 元素都将不可见。下面是声明代码的一部分，但我很难知道如何在 div 中使用我创建的 svg 变量。请任何cmets。

var svgwidth=1800;
var svgheight=700;
 var vis = mysvg=d3.select("body").append("svg").attr("width", svgwidth)
  .attr("height", svgheight).style("border", "1px solid black");

 mydiv = d3.select("body").append("div").style("position", "absolute")
.style("font", "16px sans-serif").style("background", "lightsteelblue")
.style("border", "1px black solid")
.style("border-radius", "8px")
.style("opacity", "0.7")
 .style("visibility", "visible");
  mydiv.style("top", (20)+"px").style("left",(20)+"px")
  .style("height",60+"px")
     .style("width",60+"px");

【问题讨论】：

标签： javascript html d3.js svg

【解决方案1】：

将顺序改为

mydiv = d3.select("body").append("div"). ...

然后

vis = mysvg = mydiv.append("svg") ...

【讨论】：

实际上我希望为我的页面创建许多 div 层，每个 div 将使用 d3 svg，所以如果我按照上述顺序，我必须一次又一次地附加 svg 是正确的。包含几个 svg 元素是否重要。
追加所有svg到这个div vis = mysvg = mydiv.append("svg"),vis1 = mysvg1 = mydiv.append("svg")，所以当你让div不可见时，所有svg也变得不可见