SVG绘制圆形简单示例分享
2016-02-23 21:41
309 查看
今天分享“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绘制椭圆”部分,希望大家届时来浏览,谢谢大家。
相关文章推荐
- BZOJ 3503: [Cqoi2014]和谐矩阵( 高斯消元 )
- 贪心算法之完美字符串
- 黑马程序员——面向对象
- php可变参数
- linux 启动 oracle数据库
- U盘安装OSX
- 用python统计日志中IP的数量
- 最好的8个Java RESTful框架
- libcurl库进行http通讯-一些基本的函数
- hdu 1021 Fibonacci Again
- 错排公式
- openCV3.1中的sift和surf编译
- libcurl库进行http通讯-一些基本的函数
- IOS8 不用计算Cell高度的TableView实现方案
- 【跨站关】网络信息安全攻防学习平台跨站过关的彩蛋
- oracle存储海量数据 设计方案
- 【CodeVS2833】奇怪的梦境
- MapGIS转Shp文件的单位问题
- c++ 头文件保护符
- 黑苹果一些奇怪的事情