利用coregraphics画WWDC2015的icon

今天看到一个人用css+html画了一个WWDC2015的图标

所以我也决定用oc试试,结果是半成品,仅供参考,顺便复习下coregraphics

先看下结果图

这个图其实没什么技术含量,就是8个大圆形,加4个小圆还有4个方形。

如何画图不详细介绍,只说我在做的过程中遇到的问题,就是如何旋转。

重复率这么高的图形肯定不是一个一个画出来的,其中用到的就是旋转

    ///设置绘图中心点的位置,若不设置,则图形围绕界面左上角进行旋转
    CGContextTranslateCTM(context,self.frame.size.width/2, self.frame.size.height/2);
    for (int i = 0; i < 8; i ++)
    {
        UIColor *tmp = [array objectAtIndex:i];
        ///画圆,rect的参数值前两个,代表着距离上面设置的点的差距
        CGContextAddEllipseInRect(context, CGRectMake(-80, 0, 150, 150));
        CGContextSetFillColorWithColor(context, tmp.CGColor);
        ///旋转的代码
        CGContextRotateCTM(context,  M_PI_4);
        ///设置阴影
        CGContextSetShadow(context, CGSizeMake(2, 1), 0.4);

        CGContextFillPath(context);
    }
时间: 2024-08-24 15:55:25

利用coregraphics画WWDC2015的icon的相关文章

利用CoreGraphics画小黄人

简单的利用 CoreGraphics 画一个小黄人 话不多说,全在代码里面,挺简单的一个东西 ///画身体 void drawBody(CGContextRef context,CGRect rect) { ///设置颜色 [[UIColor yellowColor] set]; CGFloat startX = 100; CGFloat startY = 120; ///将画笔移动到指定位置 CGContextMoveToPoint(context, startX, startY); CGFl

利用Graphviz画出图

graphviz官网:http://www.graphviz.org/ 背景:有画图需要,之前见到别人用graphviz画,画出来的图漂亮,且自动帮你排版安排布局,所以自己想尝试用它画. 其中遇到的几个问题 win系统下载msi安装包后进行安装,安装不成功,报错信息是win电脑却少什么包,最后转向Mac画图. 找到两个graphviz online的网站(http://www.webgraphviz.com/  和),都不太好用,不是对中文支持不好,就是稍微复杂一些的图他就画不出来了. Mac

Android利用canvas画各种图形

canvas通俗的说就是一张画布,我们可以使用画笔paint,在其上面画任意的图形. 原理: 可以把canvas视为Surface的替身或者接口,图形便是绘制在Surface上的.Canvas封装了所有的绘制调用.通过Canvas, 绘制到Surface上的内容首先存储到一个内存区域(也就是对应的Bitmapz中),该Bitmap最终会呈现到窗口上. 使用: 1.Canvas可以直接new Canvas(): 2.在View中重写OnDraw()方法,里面有一个Canvas,今天讨论的内容. 方

利用border-radious画图形

今天才发现,border-radius可以画很多图形,下面跟我来看一下吧: 在设有宽和高的情况下画一个圆: #div1{ /*宽高相等,圆角范围为高或宽的一半或以上*/ background-color: green; width: 120px; height: 120px; border-radius: 60px; } 运行结果: 当宽和高不相等的时候: #div1{ /*宽大于高,圆角范围为宽的一半或以上*/ background-color: green; width: 120px; he

利用Excel画柱状图,并且包含最大最小值

如何利用Excel画出如上样式的图? 1.绘制柱状图.如何绘制柱状图,操作非常简单,选中数据,点击合适的图表样式即可. 2.添加误差线.选中已绘制好的图,添加误差线.如果误差线没有出现,可以使用”更多选项“一一添加误差线. 3.调整误差线的大小.可使用百分比,也可使用误差和偏差.

10分钟,利用canvas画一个小的loading界面(顺便讨论下绘制效率问题)

首先利用定义下canvas得样式 <canvas width="1024" height="720" id="canvas" style="border: 1px solid #808080;display: block;margin: 100px auto;>你的游览器不支持canvas</canvas> 这里主要要说的就是宽高,不要在style里面定义,不然会被拉伸.(对于这点,建议大家看下W3c文档,不是很

10分钟,利用canvas画一个小的loading界面

首先利用定义下canvas得样式 <canvas width="1024" height="720" id="canvas" style="border: 1px solid #808080;display: block;margin: 100px auto;>你的游览器不支持canvas</canvas> 这里主要要说的就是宽高,不要在style里面定义,不然会被拉伸.(对于这点,建议大家看下W3c文档,不是很

利用canvas画一个动态时钟

目标:利用canvas画布画一个动态时钟,根据目前的时间可以实时更新的,可以在过程中添加一些效果,比如让时钟外围的一圈颜色渐变,时钟上的数字颜色改变,时钟的指针颜色改变... 设置一个定时器 先放上一张效果图,参考一下 先建一个画布,写好样式 <style type="text/css"> *{ margin: 0; padding: 0; } div{ //设置div的text-align为center,margin-top text-align: center; mar

WPF画图の利用Path画扇形(仅图形)

一.画弧 Path继承自Sharp,以System.Windows.Shapes.Shape为基类,它是一个具有各种方法的控件. 我们先看一段xaml代码: <Path Stroke="Red"> <Path.Data> <PathGeometry> <PathFigure StartPoint="100,0"> <ArcSegment Point="200,100" Size="1