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”开始并根据需要进行调整。