svg中的<circle> 元素，是用来绘制圆形的，例如

 

效果如下

属性说明 cx，cy 设定圆心，r设定半径

圆形的边框

可以通过设置样式设置圆形的边框

例如

属性说明 stroke             边框的颜色

stroke-width       边框的宽度

fill               填充的颜色

效果如下

当然可以通过  属性设置边框为虚线

例如

效果如下

也可以禁用边框 例如

效果

圆形的填充

style 中的fill 属性用于设置圆形如何填充，如果不想圆形被填充可以把fill设置为none

例如 这是一个不填充的效果

这是一个填充颜色的例子

还可以通过来设置透明度

例如两个圆部分重叠在一起