D3设置绝对定位与获取百分比长度的具体值

关于D3操作svg的简单记录:
1.设置画布的绝对位置:

var svg=d3.select("body").append("svg");
svg.style("position","absolute")
        .attr("id","board")
        .attr("width","78%")
        .attr("height","100%")
        .style("background-color","black");
$("svg").css("top","0");
$("svg").css("left","22%");

2.因为此处宽高用的百分比设置,之后绘图需要使用具体的width和height,所以需要获得具体px:

var height=$("#board").height();       
var width=$("#board").width();