如何使用CSS使用颜色填充svg?

时间:2019-04-04 10:29:01

标签: css

我想用蓝色填充整个svg。...当前,我可以使用css fill属性将颜色添加到svg的边界。但是,在单击svg时,我希望它完全填充svg蓝色,而不仅仅是svg的轮廓。我该怎么办?

以下是我尝试过的内容。

<svg onclick={this.on_svg_click}></svg>  

svg {
    padding: 5px;
    > * {
        fill: blue;
}

这会将svg的轮廓颜色变为蓝色。但是如何将整个svg填充为蓝色?

下面是上面的代码如何工作的图片。

enter image description here

但是我想要下面的图片。

enter image description here

有人可以帮我解决这个问题吗?谢谢。

0 个答案:

没有答案