如何使SVG图像的背景不透明

Question

我正在尝试使整个 SVG 图像背景不透明。

我在搜索中只能找到如何使图像中的特定元素不透明，但我找不到任何关于背景的信息。

我知道如何制作圆圈本身opaque/transparent，但不知道背景。

我需要添加什么才能使圆圈后面的所有内容都不透明？

图片是这样的，注意 white/grey 表示透明度的方块

<svg xmlns="http://www.w3.org/2000/svg" width="300px" height="100px" viewBox="0 0 300 100">
  <circle cx="50" cy="50" r="40" fill="blue"/>
</svg>

Answer 1

试试这个您也可以参考此 link 相同的内容：https://www.geeksforgeeks.org/how-to-set-the-svg-background-color/

<svg xmlns="http://www.w3.org/2000/svg" width="300px" height="100px" viewBox="0 0 300 100">
  <rect width="100%" height="100%" fill="green" />
  <circle cx="50" cy="50" r="40" fill="blue"/>
</svg>

如何使SVG图像的背景不透明

How to make background of SVG image opaque

html

css

graphics

svg

transparency