最新的Web開發教程

×

SVG 教程

SVG 首頁 SVG in HTML5 SVG 長方形 SVG 圈 SVG 橢圓 SVG 線 SVG 多邊形 SVG 折線 SVG 路徑 SVG 文本 SVG 輕撫

SVG 過濾器

SVG 過濾器介紹 SVG 模糊效果 SVG 陰影

SVG 漸變

SVG 線性 SVG 徑向

SVG 例子

SVG 參考

SVG <圓>

❮上一頁下一頁章❯

SVG圈 - <圓>

在<circle>元素被用來創建一個圓：

下面是SVG代碼：

例

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

Code explanation:

在CX和cy屬性定義的x和圓的中心的y坐標。如果省略CX和CY，圓的中心被設置為(0,0)
所述r屬性定義了圓的半徑

❮上一頁下一頁章❯