iOS開發UI篇—Quartz2D使用（圖片剪切）
一、使用Quartz2D完成圖片剪切
1.把圖片顯示在自定義的view中
先把圖片繪制到view上。按照原始大小，把圖片繪制到一個點上。
代碼：
1 - (void)drawRect:(CGRect)rect 2 { 3 UIImage *image2=[UIImage imageNamed:@"me"]; 4 [image2 drawAtPoint:CGPointMake(100, 100)]; 5 }
顯示：
2.剪切圖片讓圖片圓形展示
思路：先畫一個圓，讓圖片顯示在圓的內部，超出的部分不顯示。
注意：顯示的范圍只限於指定的剪切范圍，無論往上下文中繪制什么東西，只要超出了這個范圍的都不會顯示。
代碼：
1 - (void)drawRect:(CGRect)rect 2 { 3 //畫圓，以便以后指定可以顯示圖片的范圍 4 //獲取圖形上下文 5 CGContextRef ctx=UIGraphicsGetCurrentContext(); 6 CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50)); 7 8 //指定上下文中可以顯示內容的范圍就是圓的范圍 9 CGContextClip(ctx); 10 UIImage *image2=[UIImage imageNamed:@"me"]; 11 [image2 drawAtPoint:CGPointMake(100, 100)]; 12 }
顯示：
3.剪切圖片讓圖片三角形展示
代碼：
1 - (void)drawRect:(CGRect)rect 2 { 3 4 //畫三角形，以便以后指定可以顯示圖片的范圍 5 //獲取圖形上下文 6 CGContextRef ctx=UIGraphicsGetCurrentContext(); 7 // CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50)); 8 CGContextMoveToPoint(ctx, 100, 100); 9 CGContextAddLineToPoint(ctx, 60, 150); 10 CGContextAddLineToPoint(ctx, 140, 150); 11 CGContextClosePath(ctx); 12 13 14 //注意：指定范圍（也就是指定剪切的方法一定要在繪制范圍之前進行調用） 15 //指定上下文中可以顯示內容的范圍就是圓的范圍 16 CGContextClip(ctx); 17 UIImage *image2=[UIImage imageNamed:@"me"]; 18 [image2 drawAtPoint:CGPointMake(100, 100)]; 19 }
顯示：
