HTML5 SVG绘制圆形简单示例分享_html/css_WEB-ITnose

今天分享“svg绘制圆形”部分

1、简单圆形

效果图如下：

关键代码：

代码解析：

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

r属性定义圆的半径

2、圆形填充颜色及边框

效果图如下：

关键代码：

代码解析：

fill 属性定义圆形的填充颜色（rgb 值、颜色名或者十六进制值）；

stroke-width 属性定义圆形边框的宽度；

stroke 属性定义圆形边框的颜色

好了今天的分享这里结束，我也是一边学习一边分享的，若有错误的地方请大家指正，下次分享“svg绘制椭圆”部分，希望大家届时来浏览，谢谢大家。