來自html或css的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; 
} 

我要顯示全圖在250x250的對話框。

我試過這一切，但... ...

Answer 1

您的viewBox是錯誤的。 "0 0 250 250"不適合您的SVG。

更適合您的SVG的值應該是這樣的："0 398 612 394"。

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