svg - 在 D3.js 中如何绘制全屏宽度的 map ？

Question

我创建了一个地理 map (世界地图)。我尝试根据屏幕宽度拉伸(stretch)我的 map 。svg 不支持 width:100% 这样我就为 svg 创建了一个父 div width:100%。

示例代码

<div id="world-placeholder" style="width:100%;height:100%;">
     // svg part goes here
</div>

此外，我尝试了 svg 属性，如 viewBox 和 preserveAspectRatio。但我仍然无法创建。

我在下面添加了我的 fiddle 链接，请看一看并帮助我。

fiddle 链接 - http://jsfiddle.net/acvefmhz/1/

map 工作正常。但我需要全屏显示我的 map (需要拉伸(stretch)全屏)

Answer 1

var width = window.innerWidth,
height = window.innerHeight;

http://jsfiddle.net/acvefmhz/4/