📜  如何在 HTML 中使用 SVG 标签画一个圆?

📅  最后修改于: 2022-05-13 01:56:31.804000             🧑  作者: Mango

如何在 HTML 中使用 SVG 标签画一个圆?

在本文中,您将了解 SVG 的基本形状,如圆形,它是 SVG 的不同形状之一,如 >、 。因此您可以使用轻松绘制圆其父标签是 HTML 中的 SVG 标签的标签。

基本上, 元素在屏幕上绘制一个圆圈,这是由 3 个基本参数完成的,包括cx、cyr ,本文将进一步简要介绍这些参数。

句法:

  

属性:

  • cx:圆心的x轴坐标。默认值为 0。
  • cy:圆心的y轴坐标。默认值为 0。
  • r:圆的半径。

注:cxcy是 x 轴和 y 轴坐标,它决定了 圆的位置,r 是圆的半径,它决定了圆的大小。如果半径为零,圆形渲染将被禁用。

示例 1:

HTML


   
      
         

Welcome To GeeksforGeeks

                                                                        
   


HTML


   
      
         

Welcome To GeeksforGeeks

                                                                              
   


输出:

示例 2:

HTML



   
      
         

Welcome To GeeksforGeeks

                                                                              
   

输出: