如何设置SVG背景颜色？

有两种类型的图像可用于背景，在这两种情况下，您都可以更改图像的背景颜色。

• 光栅：图像中每个像素代表图像中的单个颜色。所以当我们放大时，像素开始放大，因此在某个点之后，图像开始变得模糊。
• 矢量：这些是存储了绘图信息的图像。因此，当它们被放大时，图像会根据该页面的大小重新绘制。因此它们不会像素化，我们得到清晰锐利的图像。由于这些图像是可缩放的，因此它们被称为 SVG（可缩放矢量图形）。

SVG代表可缩放矢量图形。 SVG 背景用于绘制任何类型的形状，通过 set 属性设置您想要的任何颜色。下面的例子更具体地说明了 SVG set background-color 的概念。 SVG 允许 CSS 背景大小、位置和更复杂的属性。

示例： cx 和 cy 属性定义了圆心的 x 和 y 坐标。如果省略 cx 和 cy，则将圆心设置为 (0, 0)。 r 属性定义圆的半径。要为这个 SVG 设置背景颜色，有两种方法。

  

    

  

    
        
GeeksforGeeks
        
SVG set Background Color
  
        
    

  

输出：

要设置 SVG body 的背景颜色，background 可以通过两种方式完成：

• 方法一：可以给SVG body本身添加背景色。

  
  
    
  
      
  
    
  
      
          
  GeeksforGeeks
          
  SVG set Background Color
    
          
      
  
    
  
  

  输出：
  

• 方法二：您可以添加一个矩形作为第一层或最下层，宽度为 100%，高度为 100%，并设置您想要的背景颜色的颜色，然后我们就可以开始绘制形状了。

  
  
    
  
      
  
    
  
      
          
  GeeksforGeeks
          
  SVG set Background Color
    
          
      
  
    
  
  

  输出：
  

HTML 是网页的基础，用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。