html - 更改 svg 中图像的背景颜色

Question

如何更改 svg 中标签的背景颜色。我在图像标签中加载了一个透明图像，现在我想应用背景以使用颜色选择器应用阴影。

<svg width="200" height="200"
  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">       
  <image xlink:href="https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png" height="200" width="200"/>
</svg>

svg 的背景正在改变，但不符合我的目的。我想直接在图像标签上应用颜色

标签： htmlcsssvg

Answer 1

为什么不使用 css 来更改 body 或 svg/image 的背景颜色？

svg {
  background-color: red;
}

或者

body {
background-color: red;
}