使用css控制svg宽度

Question

我正在使用svg图像，该图像具有文件中指定的默认宽度和高度。我需要通过css控制这个宽度和高度。这是场景。

svg file 1 - ＆gt;是一个1000 x 500像素的容器 svg文件2 - ＆gt;是另一个尺寸为1200 x 600 px

的容器

我需要将svg文件3（大小为100 x 200像素）放在这些容器中。我需要根据放置的容器调整宽度和高度。所以我尝试在svg file1中添加以下样式作为。

.container1 .object1{
          width: 80px!important;
          height: 60px!important;
}

.container2 .object1{
         width: 120px!important;
         height: 90px!important;
}

但它不会覆盖svg级别规范。

Answer 1

我有类似的问题。我在svg中绘制图表。要更改svg的高度和宽度，需要通过传递新的参数来调用再次生成svg的函数。