css - 如何为 SVG <image> 元素设置背景颜色

Question

我有一个透明背景的 SVG 图像。我想给它设置一个背景颜色。我试过:

style="background-color: blue"

和

fill="blue"

而且它们都不起作用。

有什么方法可以为这样的元素设置背景颜色吗？

这是 jsfiddle 中的示例: https://jsfiddle.net/672ec2n1/15

更新:

我通过添加一个与图像具有相同大小和位置的矩形并为其设置填充属性找到了解决方案。

https://jsfiddle.net/672ec2n1/17/

Answer 1

你试过吗？

svg {background-color: blue;}