SVG 形狀學習之——SVG圓形

 

<circle> 標籤可用來創建一個圓。

 

<circle> 標籤

<circle> 標籤可用來創建一個圓。

請把下面的代碼拷貝到記事本，然後把文件保存爲 "circle1.svg"。把此文件放入您的web目錄：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>

</svg>

 

 

 

代碼解釋：

cx 和 cy 屬性定義圓點的 x 和 y 座標。如果省略 cx 和 cy，圓的中心會被設置爲 (0, 0)

r 屬性定義圓的半徑。