HTML代碼中的 circle 標簽用于繪制圓形。它是 HTML5 中的一個新標簽，用于在網頁中繪制圓形圖形。在本文中，我們將詳細介紹 circle 標簽的使用方法。

circle 標簽的基本語法如下所示：circle cx="x" cy="y" r="radius" />

其中，cx 和 cy 屬性用于指定圓心的坐標，r 屬性用于指定圓的半徑。這些屬性的取值可以是數值、百分比，也可以是 calc() 函數的表達式。下面是一個示例：svg>circle cx="50" cy="50" r="30" />/svg>

上面的代碼將在 SVG 畫布上繪制一個半徑為 30 像素的圓形，圓心坐標為 (50, 50)。

circle 標簽支持以下屬性：

cx：指定圓心的 x 坐標。

cy：指定圓心的 y 坐標。

r：指定圓的半徑。

fill：指定圓的填充顏色。可以是顏色名稱、RGB 值、十六進制值等。默認值為黑色。

stroke：指定圓的邊框顏色。可以是顏色名稱、RGB 值、十六進制值等。默認值為無色。

stroke-width：指定圓的邊框寬度。

fill-opacity：指定圓的填充顏色透明度。取值范圍為 0 到 1。

stroke-opacity：指定圓的邊框顏色透明度。取值范圍為 0 到 1。

下面是一個使用 circle 標簽繪制圓形的示例：svg>circle cx="50" cy="50" r="30" fill="red" stroke="blue" stroke-width="2" />/svg>

上面的代碼將在 SVG 畫布上繪制一個紅色填充、藍色邊框、邊框寬度為 2 像素的圓形，圓心坐標為 (50, 50)，半徑為 30 像素。

circle 標簽是 HTML5 中用于繪制圓形的標簽，它支持多種屬性，可以實現豐富多彩的效果。在使用 circle 標簽時，需要注意指定圓心和半徑等屬性，以及填充和邊框等樣式屬性。希望本文對您了解 circle 標簽的使用方法有所幫助。