編程學習網 > 編程教程 > SVG 教程
2016
10-20

SVG 圓形

清華大佬耗費三個月吐血整理的幾百G的資源,免費分享!....>>>

SVG <circle>


SVG 圓形 - <circle>

<circle> 標簽可用來創建一個圓:

下面是SVG代碼:

實例

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
? <circle cx="100" cy="50" r="40" stroke="black"
? stroke-width="2" fill="red"/>
</svg>

對于Opera用戶:查看SVG文件(右鍵單擊SVG圖形預覽源)。

代碼解析:

  • cx和cy屬性定義圓點的x和y坐標。如果省略cx和cy,圓的中心會被設置為(0, 0)
  • r屬性定義圓的半徑

掃碼二維碼 獲取免費視頻學習資料

編程學習