IOS之Quartz2D绘图2.随机绘制五角星
来源:互联网 发布:冰川网络业绩下滑 编辑:程序博客网 时间:2024/04/30 12:52
1. 单个五角星绘制
上次讲了在IOS中使用quartz2d绘制基本的图形,今天来绘制一个比较复杂的图形—五角星,五角星大家都很熟悉。
先来分析下五角星的画法,一个五角星如图所示。
1. 先把一个圆周平均五等分,那么每个角度是360/5,然后隔点进行连线就可以绘制五角星
2. 每个连线的夹角就是360/5*2,但是在IOS的正弦余弦计算采用的是弧度制。这里有必要复习下弧度的知识,弧度就是弧的长度,把等于半径的弧度定义为一弧度。那么360度就是2pi.如图所示
3. 复习完弧度知识,我们就可以绘制五角星了
绘制代码和截图
-(void)drawStar:(CGContextRef) context{
[[UIColorredColor]set];
//确定中心点
CGPointcenterPoint=CGPointMake(160,230);
//确定半径
CGFloat radius=100.0;
//五角星到顶点
CGPoint p1=CGPointMake(centerPoint.x,centerPoint.y-radius);
CGContextMoveToPoint(context, p1.x, p1.y);
//五角星每个点之间点夹角,采用弧度计算。没两个点进行连线就可以画出五角星
//点与点之间点夹角为2*M_PI/5.0,
CGFloat angle=4*M_PI/5.0;
for (inti=1;i<=5;i++) {
CGFloat x=centerPoint.x-sinf(i*angle)*radius;
CGFloat y=centerPoint.y-cosf(i*angle)*radius;
CGContextAddLineToPoint(context, x, y);
}
CGContextDrawPath(context,kCGPathFillStroke);
}
2. 多个五角星随机绘制
1.API介绍
CGContextSaveGState(context);保存上下文
CGContextRestoreGState(context);回复上下文
CGContextTranslateCTM(context, x, y);画布移动
CGContextRotateCTM(context, angle);画布旋转
CGContextScaleCTM(context, scale, scale);画布缩放
2.运行效果截图
-(void)drawMultiStar:(CGContextRef) contextstarCount:(int) count{
//确定中心点
CGPointcenterPoint=CGPointMake(0,0);
//确定半径
CGFloat radius=100.0;
//五角星五点数组
CGPointpoints[5];
points[0]=CGPointMake(centerPoint.x,centerPoint.y-radius);
//五角星每个点之间点夹角,采用弧度计算。没两个点进行连线就可以画出五角星
//点与点之间点夹角为2*M_PI/5.0,
CGFloat angle=4*M_PI/5.0;
for (inti=1;i<5;i++) {
CGFloat x=centerPoint.x-sinf(i*angle)*radius;
CGFloat y=centerPoint.y-cosf(i*angle)*radius;
points[i]=CGPointMake(x, y);
}
for (inti=0;i<count; i++) {
//保存上下文
CGContextSaveGState(context);
intrandomX=arc4random_uniform(320);
intrandomY=arc4random_uniform(480);
//随机移动画布位置
CGContextTranslateCTM(context,randomX,randomY);
//随机旋转画布
CGFloatroate=arc4random_uniform(90)*M_PI/180.0;
CGContextRotateCTM(context,roate);
//随机缩放画布
float scale=arc4random_uniform(5)/10.0+0.2;
CGContextScaleCTM(context, scale, scale);
[[selfrandomColor]set];
CGContextMoveToPoint(context, points[0].x,points[0].y);
for (inti=1;i<5;i++) {
CGContextAddLineToPoint(context, points[i].x,points[i].y);
}
CGContextDrawPath(context,kCGPathFillStroke);
//回复上下文
CGContextRestoreGState(context);
}
}
3. 源代码下载
某戳此处下载
- IOS之Quartz2D绘图2.随机绘制五角星
- Quartz2D绘图之绘制文本
- IOS之Quartz2D绘图1.简单几何图形绘制
- IOS之Quartz2D绘图5.绘制UITableViewCell渐变背景
- IOS开发之Quartz2D绘图
- iOS开发学习之Quartz2D绘图
- iOS开发学习之Quartz2D绘图
- iOS之Quartz2D绘图(一)
- iOS之Quartz2D绘图(二)
- iOS五角星绘制
- iOS 绘制渐变图形 Quartz2D 之Swift
- Quartz2D绘图之利用路径绘制复杂图形
- Quartz2D绘图<三>绘制图形
- iOS开发 - Quartz2D绘图
- iOS开发 - Quartz2D绘图
- iOS开发 - Quartz2D绘图
- Quartz2D绘图之阴影
- canvas绘制一个五角星-常用绘图原理
- 怎么使用Matlab产生对称矩阵
- Winform 的DataTimePicker控件显示日期和时间
- 公司管理最重要的是方法
- MySql 执行JDBC联接(增/删/改/查)操作
- Python学习15:文件操作
- IOS之Quartz2D绘图2.随机绘制五角星
- Hibernate主键策略生成器
- Core Data入门
- Unity3D修改模型的网格数据
- 执行shell脚本时候出现的小问题
- Boyer-Moore算法
- DivideString
- ExpandableListView_2014.07.23
- Spring Mvc 上传图片代码