ios 绘制线条

//添加被塞尔曲线 
   CGContextMoveToPoint(cgContext, 150, 100); //移动到某一个点
   CGContextAddCurveToPoint(cgContext, 150, 100, 100, 100, 100, 150);//绘制被塞尔曲线,点伴随移动,这三个参数呢,每2个为一个参数
    1.point(150,100)表示开始点
    2.point(100,100)表示为控制点
    3.point(100,150)表示为终止点
   //综上:就是绘制一条曲线的切线相交处为控制点
    CGContextAddCurveToPoint(cgContext, 100, 150, 100, 200, 150, 200);//
    CGContextAddCurveToPoint(cgContext, 150, 200, 200, 200, 200, 150);//
    CGContextAddCurveToPoint(cgContext, 200, 150, 200, 100, 150, 100);//
    [[UIColor redColor] setFill];//填充颜色
    CGContextDrawPath(cgContext, kCGPathStroke);//画笔画上
   //  CGContextAddLineToPoint(cgContext, 50, 50);
CGContextAddLineToPoint(cgContext, 200, 30);//添加一条直线
//添加一个矩形
CGContextAddRect(cgContext, CGRectMake(100, 100, 100, 100));
//添加弧度
CGContextAddArc(cgContext, 100, 100, 50,  3.14/ 2, 270* 3.14/ 180, 1);
//1.原点(100,100)
//2.半径 50
//3.开始弧度 3.14/ 2 ,3.14就是圆周率
//4.结束弧度270* 3.14/ 180
//5.逆时针为1,0为顺时针
//---------- 解释一下圆的弧度,弧度是按照顺时针来计算弧度的,那么开始弧度和结束弧度就确定了,弧度确定了那么按照顺逆时针来画就比较简单了
CGContextClosePath(cgContext);//封闭曲线
CGContextAddEllipseInRect(cgContext, CGRectMake(100, 100, 200, 100));//在一个矩形里面内切一个椭圆其实是比较简单的
时间: 2025-01-06 11:54:36

ios 绘制线条的相关文章

iOS 动画绘制线条颜色渐变的折线图

效果图 .................... 概述 现状 折线图的应用比较广泛,为了增强用户体验,很多应用中都嵌入了折线图.折线图可以更加直观的表示数据的变化.网络上有很多绘制折线图的demo,有的也使用了动画,但是线条颜色渐变的折线图的demo少之又少,甚至可以说没有.该Blog阐述了动画绘制线条颜色渐变的折线图的实现方案,以及折线图线条颜色渐变的实现原理,并附以完整的示例. 成果 本人已将折线图封装到了一个UIView子类中,并提供了相应的接口.该自定义折线图视图,基本上可以适用于大部分

Canvas绘制线条模糊的解决方案

前段时间,做一个跨平台app项目,需要绘制分时图和K线图.找了很多开源的js的图表库,包括echarts.highcharts等等,都不是很满意,原因有2: 1.太臃肿,我实际上只要一个分时和一个K线图表,最多搭配几个线形图 2.不满足需求.主要就是分时图,国内玩的js图表库,几乎都没有分时图.都是用1分钟线的收盘价线来做的,和中国股民的使用习惯完全不搭界. 多年前有人开源了一个js绘制股票图形的库,叫做html54stock,图像表现上很符合中国人的使用习惯,但是也有问题: 1.封装不好,很多

HTML5 Canvas 学习笔记(canvas绘制线条、矩形、多边形、圆形、圆环、组合图形、文字、自定义图像)

学习资源:http://www.w3school.com.cn/html5/html_5_canvas.asp   http://blog.csdn.net/clh604/article/details/8536059   http://www.jb51.net/html5/70307.html 一.对 canvas 的理解 <canvas>标签是 HTML5 中的新标签,像所有的 dom 对象一样它有自己本身的属性.方法和事件. canvas 是用来在网页上绘制图形的(我们通常称之为画布),

常用GDI函数(1):绘制线条和图形

1. CDC::SetPixel()用来绘制一个像素点. 使用Win32 API函数: HDC hdc = ::GetDC(m_hWnd);//获得窗口的设备描述表 ::SetPixel(hdc, 100, 200, RGB(255, 0, 0)); ::ReleaseDC(m_hWnd, hdc);//释放DC资源 CDC::MoveTo(),CDC::LineTo()用来绘制直线. 使用CDC类: CDC* pDC = GetDC();//获得与当前窗口相关联的DC对象 pDC->MoveT

绘制线条粗细 以及 绘制变化的坐标

  <!DOCTYPE html>   <html>   <head lang="en">   <meta charset="UTF-8">   <title></title>   </head>   <body>   <canvas id="mycas" width="400" height="400"&

HTML5中的&lt;canvas&gt;画布:使用canvas元素在网页上绘制线条和圆(1)

什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像. 画布是一个矩形区域,您可以控制其每一像素. canvas 拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法. 创建 Canvas 元素 向 HTML5 页面添加 canvas 元素. 规定元素的 id.宽度和高度: 1 <canvas id="myCanvas" width="200" height="100"></ca

使用html5 Canvas绘制线条(直线、折线等)

使用html5 Canvas绘制直线所需的CanvasRenderingContext2D对象的主要属性和方法(有"()"者为方法)如下: 属性或方法 基本描述 strokeStyle 用于设置画笔绘制路径的颜色.渐变和模式.该属性的值可以是一个表示css颜色值的字符串.如果你的绘制需求比较复杂,该属性的值还可以是一个CanvasGradient对象或者CanvasPattern对象 globalAlpha 定义绘制内容的透明度,取值在0.0(完全透明)和1.0(完全不透明)之间,默认

IOS开发 图形绘制,绘制线条,矩形,和垂直和居中绘制文字

概述 吐槽下IOS下 的图形绘图,代码冗长,不得不自己重新封装方法.整理形成本文. 绘制线 // 绘制直线 + (void)toDrawLineFromX:(CGFloat)x1 Y:(CGFloat)y1 toX:(CGFloat)x2 toY:(CGFloat)y2 context:(CGContextRef)con{ CGContextMoveToPoint(con, x1, y1); CGContextAddLineToPoint(con, x2, y2); CGContextSetLi

iOS 绘制1像素的线

一.Point Vs Pixel iOS中当我们使用Quartz,UIKit,CoreAnimation等框架时,所有的坐标系统采用Point来衡量.系统在实际渲染到设置时会帮助我们处理Point到Pixel的转换. 这样做的好处隔离变化,即我们在布局的事后不需要关注当前设备是否为Retina,直接按照一套坐标系统来布局即可. 实际使用中我们需要牢记下面这一点: One point does not necessarily correspond to one physical pixel. 1