如何在HTML中设置SVG大小

Question

我有一个SVG，我希望它占据整个屏幕，但是我在一个固定大小的顶部有一个非SVG html头部，比如100像素。目前，我的SVG对象是使用这种标记创建的：

<svg id="svgMainCanvas" xmlns="http://www.w3.org/2000/svg" 
     xlink="http://www.w3.org/1999/xlink" width="100%" height="100%"> 

这会导致出现滚动条。有什么方法可以将SVG高度设置为窗口高度减去一定数量的像素？

Answer 1

使用CSS

html,body{ 
width:100%; 
height:100%; 
} 
#svgMainCanvas{ 
position:fixed; // avoid scrollbars 
left:0; 
top:0; 
width:100%; 
height:100%; 
}