如何在div标签内使用svg

时间:2015-12-30 14:48:02

标签: javascript html d3.js svg

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

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");

1 个答案:

答案 0 :(得分:0)

将订单更改为

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

然后

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