SVG內聯樣式

Question

我想通過css調整svg元素的大小，但不是縮小圖像大小，而是將圖片的大小減半，就好像我將大小調整應用於容器元素一樣...請檢查http://www.vgtest.co.nf/

svg#gear { 
    width:300px; 
    height:300px; 
    position:fixed; 
    left:0%; 
    top:50%; 
} 

Answer 1

必須定義的高度和寬度屬性以及對SVG元素..

svg#gear { 
    height: 593px; 
    left: 0; 
    position: fixed; 
    top: 50%; 
    width: 593px; 
} 

另外如果視口和視圖框不具有相同的縱橫比（寬度與高度之比） ，您需要指定<svg>元素的preserveAspectRatio屬性。

例如你的情況。

<svg width="593px" height="593px" viewBox="0 0 1700 1700" preserveAspectRatio="xMinYMin meet"></svg> 

Answer 2

您需要給<svg>元素一個viewBox屬性來停止發生。嘗試viewBox =「0 0 1200 1200」開始並根據需要進行調整。