在 SVG 中添加白色背景

SVG（Scalable Vector Graphics）是一种用于描述二维矢量图形的 XML 格式文件，它可以被用来制作图标、漫画、图表、地图等可缩放的图形。在 SVG 中添加背景色是一种常见的需求，本文将介绍如何将白色背景添加到 SVG 中。

方法一：使用背景矩形元素

在 SVG 文件中，可以使用矩形元素 <rect> 来表示矩形，通过设置 width 和 height 属性来指定矩形的宽度和高度，使用 fill 属性来设置填充颜色。我们可以使用一个白色的矩形作为背景。

<svg width="200" height="200">
  <rect x="0" y="0" width="200" height="200" fill="white" />
  <circle cx="100" cy="100" r="50" fill="red" />
</svg>

上面的代码在 SVG 中添加了一个白色背景，使用一个红色圆形进行演示。

方法二：使用 CSS 样式设置

另一种方法是使用 CSS 样式来设置 SVG 的背景。可以通过将背景颜色应用到 SVG 的 background-color 属性上来设置背景色。

<style>
  svg {
    background-color: white;
  }
</style>

上面的代码使用 CSS 样式将 SVG 的背景色设为白色。

小结

在 SVG 中添加白色背景有两种方法，一种是使用矩形元素来定义背景，另一种是使用 CSS 样式来设置背景色。不同的方法适用于不同的场景，需要根据具体的需求进行选用。