SVG绘制圆形简单示例分享
2016-02-23 21:55
381 查看
今天分享“svg绘制圆形”部分
1、简单圆形
效果图如下:
关键代码:
代码解析:
cx和cy属性定义圆点的x和y坐标。如果省略cx和cy,圆的中心会被设置为(0, 0);
r属性定义圆的半径
2、圆形填充颜色及边框
效果图如下:
关键代码:
代码解析:
fill 属性定义圆形的填充颜色(rgb 值、颜色名或者十六进制值);
stroke-width 属性定义圆形边框的宽度;
stroke 属性定义圆形边框的颜色
好了今天的分享这里结束,我也是一边学习一边分享的,若有错误的地方请大家指正,下次分享“svg绘制椭圆”部分,希望大家届时来浏览,谢谢大家。
1、简单圆形
效果图如下:
关键代码:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="40" cy="40" r="40"></circle> </svg>
代码解析:
cx和cy属性定义圆点的x和y坐标。如果省略cx和cy,圆的中心会被设置为(0, 0);
r属性定义圆的半径
2、圆形填充颜色及边框
效果图如下:
关键代码:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="45" cy="45" r="40" stroke-width="3" stroke="blue" fill="red"></circle> </svg>
代码解析:
fill 属性定义圆形的填充颜色(rgb 值、颜色名或者十六进制值);
stroke-width 属性定义圆形边框的宽度;
stroke 属性定义圆形边框的颜色
好了今天的分享这里结束,我也是一边学习一边分享的,若有错误的地方请大家指正,下次分享“svg绘制椭圆”部分,希望大家届时来浏览,谢谢大家。
相关文章推荐
- bitmap 获取网络图片
- hibernate快速入门案例
- uva 120 Stacks of Flapjacks 煎饼
- 一张图看清Linux 内核运行原理
- Java 中读写文件内容常见的几种方法
- STM32问题集之头函数路径报错
- 老男孩27期学员-我的目标
- 我的笔记:精通JAVA集合类
- 最大子段和||最大子矩阵和||最大全1子矩阵||最大全1子正方形||
- linux 安装svn
- 通过HttpURLConnection获得服务器的数据简单模型
- 如何找出记录表中某列记录数大于N
- 如何利用css让元素居中
- POJ2115 C Looooops 模线性方程(扩展欧几里得)
- REUSEADDR 选项
- Eclipse 快捷键大全
- 微信jsapi支付开发遇到的坑
- Linux下判断网线是否插入的代码
- Cimage类的介绍及使用
- Unicode令人混淆的概念