内联svg填充整个屏幕

我已经买了一个svg图形，我已经导出到.svg文件，以便它可以用于内联HTML。我已将它插入到我的文档的<body>标记中，但现在我希望它填充屏幕的全宽和全高。我试过将宽度和高度属性设置为<svg>,position: absolute和top, right, bottom, left: 0,viewBox设置为"0 0 screen_width screen_height"，加载.svg文件为图像并强制图像为全窗口使用position: absolute和top, right, bottom, left: 0。
虽然没有任何工作。内联svg填充整个屏幕

下面是SVG本身：http://pastebin.com/y8kqf1bD

我已经尝试了所有的从Full width and height SVG的选择，但他们不工作了。

你有个想法，我该怎么做？

非常感谢！

来源

2013-10-22 user2908600

请记住！ ViewBox不是它有多大。 ViewBox实际上与它的大小相反。 ViewBox在原始大小上有多大。增加ViewBox宽度会减小尺寸宽度。 – bjb568

<svg>元件使用高度尺寸和宽度属性，以便

<svg height="100%" width="100%"> 
</svg>

将填充屏幕。

您还需要同时设置<html>和<body>标签style =“width：100％; height：100％”以确保它们覆盖屏幕。这是一个完整的全屏矩形：

<html style="width:100%;height:100%;"> 
<body style="width:100%;height:100%;margin:0;"> 
    <svg height="100%" width="100%"> 
     <rect fill="lime" width="100%" height="100%"/> 
    </svg> 
</body> 
</html>

来源

2013-10-22 20:50:09

内联svg填充整个屏幕

回答

相关问题