Цвет сложного изображения в iOS

Question

Я пытаюсь покрасить изображение, используя Objective C в iOS.

Я хочу покрасить изображение по высоте. Например, первые 10 пикселей с красным, следующие 20 с синим и следующие 20 с зеленым. Я хочу, чтобы изображение было покрашено таким образом.

Я искал переполнение стека, но я не могу найти способ сделать это.

Благодаря

Edit:

Это, как я нарисовал образ

CGContextRef context = UIGraphicsGetCurrentContext(); 
CGContextMoveToPoint(context, 0, 300); 
CGContextAddLineToPoint(context, 20, 230); 
CGContextAddLineToPoint(context, 80, 230); 
CGContextAddLineToPoint(context, 120, 150); 
CGContextAddLineToPoint(context, 140, 230); 
CGContextAddLineToPoint(context, 300, 300); 
CGContextClosePath(context); 


CGContextSetStrokeColorWithColor(context, [UIColor blackColor].CGColor); 
CGContextStrokePath(context); 

Это график местности. Точки на графике будут динамическими. Поэтому, основываясь на высоте местности, она должна быть окрашена. Поэтому я не смогу создавать отдельные пути для отдельных цветов, так как я получаю только высоты. У меня нет информации о точках для отдельных цветовых путей на графике.

Answer 1

Как вы уже сказали, одним из способов является просто обработать вашу фигуру в виде маски . Маска означает, что ваша форма графа пробивает «отверстие» на изображении. Полосами цвета могут быть просто трехцветные прямоугольные виды позади изображение, легко созданное в коде. Три прямоугольных вида за изображением видны через отверстие.

В качестве альтернативы, нарисуйте форму графика, затем обработайте форму графика как обводной путь и нарисуйте три цветных прямоугольника.

Используя второй подход, я легко смог получить этот результат:

Вот код, который я использовал:

CGContextRef context = UIGraphicsGetCurrentContext(); 
CGContextSetLineWidth(context, 3); 

// your code: 
CGContextMoveToPoint(context, 0, 300); 
CGContextAddLineToPoint(context, 20, 230); 
CGContextAddLineToPoint(context, 80, 230); 
CGContextAddLineToPoint(context, 120, 150); 
CGContextAddLineToPoint(context, 140, 230); 
CGContextAddLineToPoint(context, 300, 300); 
CGContextClosePath(context); 

CGContextSetStrokeColorWithColor(context, [UIColor blackColor].CGColor); 
CGContextStrokePath(context); 

// my code starts here - first, draw path again: 

CGContextMoveToPoint(context, 0, 300); 
CGContextAddLineToPoint(context, 20, 230); 
CGContextAddLineToPoint(context, 80, 230); 
CGContextAddLineToPoint(context, 120, 150); 
CGContextAddLineToPoint(context, 140, 230); 
CGContextAddLineToPoint(context, 300, 300); 
CGContextClosePath(context); 

// clip to that path, and draw the rectangles: 
CGContextClip(context); 
CGContextSetFillColorWithColor(context, [UIColor greenColor].CGColor); 
CGContextFillRect(context, CGRectMake(0,250,300,50)); 
CGContextSetFillColorWithColor(context, [UIColor blueColor].CGColor); 
CGContextFillRect(context, CGRectMake(0,200,300,50)); 
CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor); 
CGContextFillRect(context, CGRectMake(0,150,300,50)); 

Answer 2

Это код первого метода, упомянутой @matt

UIBezierPath *maskPath = [UIBezierPath bezierPath]; 
[maskPath moveToPoint:CGPointMake(0, 300)]; 
[maskPath addLineToPoint:CGPointMake(20, 230)]; 
[maskPath addLineToPoint:CGPointMake(80, 230)]; 
[maskPath addLineToPoint:CGPointMake(120, 150)]; 
[maskPath addLineToPoint:CGPointMake(140, 230)]; 
[maskPath addLineToPoint:CGPointMake(300, 300)]; 
[maskPath addLineToPoint:CGPointMake(300, 0)]; 
[maskPath addLineToPoint:CGPointMake(0, 0)]; 
[maskPath closePath]; 
CAShapeLayer *mask = [CAShapeLayer layer]; 
mask.path = maskPath.CGPath; 
self.maskView.layer.mask = mask;