06、SVG 圆形 <circle>

<circle> 标签可画一个圆

SVG 圆形 - <circle>

<circle> 标签可画一个圆

• cx 和 cy 属性定义圆点的 x 和 y 坐标。如果省略 cx和 cy，圆的中心会被设置为(0, 0)
• r 属性定义圆的半径

范例

我们来画一个圆心坐标为 (100,50) 半径为 40 的圆

<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 图形预览源）