利用coregraphics画WWDC2015的icon

标签：coregraphics   wwdc   

今天看到一个人用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);
    }

利用coregraphics画WWDC2015的icon

标签：coregraphics   wwdc   

原文地址：http://blog.csdn.net/zhwezhwe/article/details/46447251