css - SVG 内联样式

Question

我正在尝试通过 css 调整 svg 元素的大小，但它没有减小图像大小，而是将图片切成两半，就好像我正在将调整大小应用于容器元素一样...请查看 http://www.vgtest.co.nf/

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

Answer 1

您需要提供 <svg>元素 viewBox 属性来阻止这种情况发生。尝试 viewBox="0 0 1200 1200"开始并根据需要进行调整。