SVG 圓形

2018-03-02 14:52 更新

SVG <circle>

通過(guò) <circle> 可以繪制一個(gè)圓形,它只有3個(gè)屬性用來(lái)設(shè)置圓形。

SVG 圓形 - <circle>

<circle> 標(biāo)簽可用來(lái)創(chuàng)建一個(gè)圓:

下面是SVG代碼:

實(shí)例

<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>

嘗試一下 ?

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

代碼解析:

  • cx和cy屬性定義圓點(diǎn)的x和y坐標(biāo)。如果省略cx和cy,圓的中心會(huì)被設(shè)置為(0, 0)
  • r屬性定義圓的半徑
以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)