css - 使用 css 控制 svg 宽度

Question

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

svg 文件 1 -> 是一个大小为 1000 x 500 像素的容器 svg 文件 2 -> 是另一个大小为 1200 x 600 像素的容器

我需要将 svg 文件 3(尺寸 100 x 200 像素)放入这些容器中。我需要根据我放置的容器调整宽度和高度。所以我尝试在 svg file1 as 中添加以下样式。

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

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

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

Answer 1

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