我对此事进行了一些研究,但似乎没有用。
我希望能够制作一个<svg>
包含浏览器整个屏幕的容器(也就是不是选项卡、工具栏等的所有内容)。
因此,如果您查看图片,我希望将<svg>
选项卡工具栏下方的所有内容都占据到页面底部(是视口还是窗口?)——也就是红色框中的所有内容。
这是我到目前为止的代码(只是<script />
):
<script>
function startThePage(){
var height = $(document).height();
var width = $(document).width();
var svgSelection =
d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
var myCircle = svgSelection
.append("circle")
.attr("cx", (width/2))
.attr("cy", (height/2))
.attr("r", 22)
.style("fill", "lightgray")
.style("stroke", "gray");
};
//alert(window.screen.availWidth);
//alert(window.screen.availHeight);
</script>
出于某种原因,这似乎使文档略大,这意味着用户可以来回滚动(现在它只有一个填充圆圈,我想居中)。这会使圆圈偏离中心。我该如何解决?