svg
上面代码的返回结果如下：
cx和cy表示圆心的坐标，r属性则是圆的半径。
圆形描边
你可以在样式中使用stroke属性来设置SVG圆形的描边属性。在上面的例子中，圆形的描边被设置为暗绿色。除了描边颜色，你还可以使用stroke-width设置描边的宽度。看下面的例子
上面代码的返回结果如下：
注意这个例子中圆的描边宽度要比上面例子的宽。
你还可以使用stroke-dasharray属性来实现圆形的虚线描边效果。
上面代码的返回结果如下：
最后，你也可以将圆形的描边移除，只需要将它设置为none即可。
上面代码的返回结果如下：
填充圆形
fill属性可以控制SVG圆形的填充色。设置为none则不会填充任何颜色。
上面代码的返回结果如下：
下面是一个填充了紫色的圆形。
最后，你可以使用fill-opacity属性来设置填充色的透明度。下面的例子中绘制了两个部分叠加的圆形，上面圆形的填充透明度被设置为50%
上面代码的返回结果如下：
SVG椭圆
SVG椭圆和圆形类似，只是它的半径不相等，它的半径用rx和ry属性来表示。看下面的例子。
上面代码的返回结果如下：
SVG椭圆的描边
同样，你可以使用stroke-width属性来设置椭圆的描边宽度。
上面代码的返回结果如下：
你也可以将椭圆的描边制作为虚线。下面的例子中虚线的长度为10像素，两个虚线之间的间距为5像素。
另外，你还可以使用stroke-opacity来设置描边的透明度。
上面代码的返回结果如下：
SVG椭圆的填充色
同样还是使用fill属性来设置SVG椭圆的填充色。
和SVG圆形一样，椭圆也可以设置填充的透明度。
以上就是SVG基础|绘制SVG圆形和椭圆形的内容，更多相关内容请关注PHP中文网（www.php.cn）！
