SVGの動的な幅と高さを

Question

私のSVG要素に動的な幅と高さを与え、SVGイメージ全体を表示したいと思います。

例：http://codepen.io/anon/pen/EWqRxp?editors=1010

<svg width="250" height="250" viewBox="0 0 250 250"> 

または

.svg { 
    width : 250px; 
    height: 250px; 
} 

私は250×250ボックスにフルマップを表示したいです。

私はこのためにすべてを試しましたが、....

Answer 1

あなたのviewBoxが間違っています。 "0 0 250 250"はSVGに適した値ではありません。

SVGに適した値は、"0 398 612 394"です。

http://codepen.io/anon/pen/QpeVNW?editors=1010