绘制简单图形

1.三角形

- (void)drawRect:(CGRect)rect {
    // Drawing code
//    1.获得图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
//    2.拼接图形
    CGContextMoveToPoint(ctx, 10,10);
    CGContextAddLineToPoint(ctx, 100, 100);
    CGContextAddLineToPoint(ctx, 150, 40);
//    CGContextAddLineToPoint(ctx, 10, 10);
    CGContextClosePath(ctx);
// 绘制图形空心

CGContextStrokePath(ctx);

//绘制图形实心

CGContextFillPath(ctx);

}

2.四边形

- (void)drawRect:(CGRect)rect {
    // Drawing code
//    1.获得图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
//    2.拼接图形
    CGContextAddRect(ctx, CGRectMake(10, 10, 100, 100));
//    3.显示图形空心
    CGContextStrokePath(ctx);

//     绘制图形实心

CGContextFillPath(ctx);
}

- (void)drawRect:(CGRect)rect {
    // 1.获得图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    // 2.拼接图形
    
    //设置线段宽度
    CGContextSetLineWidth(ctx, 10);
    
    //设置线段头尾的样式
    CGContextSetLineCap(ctx, kCGLineCapRound);
    
    //设置颜色
    CGContextSetRGBStrokeColor(ctx, 1, 0, 0, 1);
    
 
    //设置起点
    CGContextMoveToPoint(ctx, 10, 10);
    
    //加一条线段
    CGContextAddLineToPoint(ctx, 100, 100);
    
    //渲染一次
    CGContextStrokePath(ctx);
    
   
    //设置颜色
    CGContextSetRGBStrokeColor(ctx, 0, 0, 1, 1);
    
    //设置起点
    CGContextMoveToPoint(ctx, 200, 190);
    
    //加一条线段
    CGContextAddLineToPoint(ctx, 150, 40);
    
    //渲染一次
    CGContextStrokePath(ctx);

}

- 圆

- (void)drawRect:(CGRect)rect {
    // 1.获得图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 2.拼接图形
    CGContextAddEllipseInRect(ctx, CGRectMake(10, 10, 150, 50));
    
    [[UIColor redColor]set];
    
    CGContextSetLineWidth(ctx, 5);
    
    // 3.显示图形
    CGContextStrokePath(ctx);

}
-圆弧

- (void)drawRect:(CGRect)rect {
    // 1.获得图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 2.画圆弧
    //x/y圆心
    //radius 半径
    //startAngle 开始角度
    //endAngle 结束角度
    //clockwise 圆弧伸展方向(0顺时针 1逆时针)
    CGContextAddArc(ctx,50,50,40,-M_PI_2, M_PI_2, 1);
    // 3.显示图形
    CGContextStrokePath(ctx);
}
- (void)drawRect:(CGRect)rect
{
    // 1.获得上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    // 2.画1/4圆
    CGContextMoveToPoint(ctx, 100, 100);
    CGContextAddLineToPoint(ctx, 100, 150);
    CGContextAddArc(ctx, 100, 100, 50, -M_PI_2, M_PI, 1);
    CGContextClosePath(ctx);
    
    [[UIColor redColor] set];
    
    // 3.显示所绘制的东西
    CGContextFillPath(ctx);
}

时间: 2024-10-13 19:25:42

绘制简单图形的相关文章

学习笔记:HTML5 Canvas绘制简单图形

HTML5 Canvas绘制简单图形 1.添加Canvas标签,添加id供js操作. <canvas id="mycanvas" height="700" width="1024" style="border:1px solid #aaa;text-align:center;"> 你的浏览器不支持Canvas,请更新浏览器再试!!! </canvas> 在canvas标签之间应该做浏览器是否支持的检测,

Java入门:绘制简单图形

在上一节,我们学习了如何使用swing和awt工具创建一个空的窗口,本节学习如何绘制简单图形. 基本绘图介绍 Java中绘制基本图形,可以使用Java类库中的Graphics类,此类位于java.awt包中.在我们自己的java程序文件中,要使用Graphics类就需要使用import java.awt.Graphics语句将Graphics类导入进来. Graphics类提供基本的几何图形绘制方法,主要有:画线段.画矩形.画圆.画带颜色的图形.画椭圆.画圆弧.画多边形等.本项目仅用到画直线的功

shape-自绘制简单图形

shape 可以绘制简单的图形,颜色等.它主要就是应用于selector 的一些状态. 本文内容参考自http://www.cnblogs.com/cyanfei/archive/2012/07/27/2612023.html 自己验证了下,学习记录 它主要有以下几个部分,分别是 填充(solid):设置填充的颜色 间隔(padding):设置四个方向上的间隔 大小(size):设置大小 圆角(corners):设置图形圆角,默认是正方形的 渐变(gradient):当设置填充颜色后,无渐变效果

鼠标绘制简单图形

功能: 1.绘制的图形包括直线.椭圆和矩形,通过菜单对绘制的图形切换 2.在视图中使用鼠标动态的绘制图形 分析: 当窗口尺寸发生变化时,引起窗口重绘,会发送WM_PAINT消息,这时首先会擦除窗口的背景,然后再进行重绘操作,这样就把窗口中先前绘制的图形擦除掉了:可以将绘制图形的三要素(起点.终点.绘制类型)保存下来,在窗口重绘调用程序视图类窗口的OnDraw函数中再将图形根据保存的三要素重新输出: 1.数据 在视图中添加两个点坐标 CPoint m_ptOrigin;  //起点坐标 CPoin

利用 turtle库绘制简单图形

turtle库是python的基础绘图库,这个库被介绍为一个最常用的用来介绍编程知识的方法库,其主要是用于程序设计入门,是标准库之一,利用turtle可以制作很多复杂的绘图. turtle名称含义为“海龟”,我们想象一只海龟,位于显示器上窗体的正中心,在画布上游走,它游走的轨迹就形成了绘制的图形.海龟的运动是由程序控制的,它可以变换颜色,改变大小(宽度)等. 绘图坐标体系 turtle.setup(width,height,startx,starty) 使用turtle的setup函数,可以在屏

Quartz 2D绘制简单图形

在Quartz 2D中,绘图是通过图形上下文进行绘制的,以下绘制几个简单的图形 首先先创建一个QuartzView.swift文件继承自UIView,然后实现drawRect方法: import UIKit class QuartzView: UIView { // Only override drawRect: if you perform custom drawing. // An empty implementation adversely affects performance duri

用CSS绘制简单图形

这里有篇文章, https://css-tricks.com/examples/ShapesOfCSS/  ,介绍了如何用只用1个元素和CSS规则绘制各种常见的图形: 从简单的矩形.三角形到复杂的月亮.放大镜甚至是太极图.  这种绘图方式主要用到了两类技巧: 一是使用伪元素, 二是设置图形的边框.特别是边框的使用,非常巧妙.从这些例子中可以发现:当元素的宽.高设置为0时,浏览器仍然会渲染元素的边框(即便box-sizing设置为了border-box,这时实际的宽/高会是边框的厚度之和),巧妙设

Python turtle库绘制简单图形

一.简介 Python中的turtle库是一个直观有趣的图形绘制函数库.turtle库绘制图形有一个基本框架:一个小海龟在坐标系中爬行,其爬行轨迹形成了绘制图形. 二.简单的图形列举 1.绘制4个不同半径的同切圆 代码: import turtleturtle.pensize(4)turtle.circle(10)turtle.circle(40)turtle.circle(80)turtle.circle(120)turtle.done() 结果: 2.六角形的绘制,利用turtle库绘制一个

Windows控制台下绘制简单图形

示例代码将在注册表位置:HKEY_CURRENT_USER\Software\  读写键值 bool LicenseManage::OpenRegKey(HKEY& hRetKey) { if (ERROR_SUCCESS == RegOpenKey(HKEY_CURRENT_USER,"Software", &hRetKey)) { return true; } return false; } bool LicenseManage::CreateRegKey(stri