如何在div標籤中使用svg

-1

我希望在div標籤內使用svg元素，這個想法是當我使div層不可見時，div中的所有svg元素都將不可見。下面是聲明代碼的一部分，但m努力知道如何在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");

來源

2015-12-30 Nhqazi

更改爲了

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

然後

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

來源

2015-12-30 15:15:02

其實我想爲我的網頁創建許多格層，每格將使用D3 SVG，所以如果我按照上面的順序比我不得不一次又一次地追加svg是正確的。包含幾個svg元素是否重要？ – Nhqazi

將所有的svg附加到這個div中，所以當你不可見div時，所有的svg也不可見 –

如何在div標籤中使用svg

回答

相關問題