écrêtage d'un UIImage selon un polygone

Question

Comment autoriser l'utilisateur de mon application iphone à découper un UIImage par un CGPath généré dynamiquement? Fondamentalement, j'affiche un rectangle superposé sur un UIImageView et l'utilisateur peut déplacer les 4 coins du rectangle pour obtenir un polygone avec 4 côtés. Le rectangle n'est pas rempli de sorte que vous voyez quatre lignes superposées sur une image.

L'utilisateur devrait être en mesure de découper tout ce qui est en dehors des 4 lignes.

Toute aide ou pointeur est très appréciée.

Answer 1

Si vous avez déjà le CGPath, il vous suffit d'utiliser CGContextAddPath et CGContextClip, et après cela vous pouvez dessiner votre UIImage dans ce contexte. Si vous voulez simplement afficher l'image découpée, ce contexte pourrait être le contexte actuel de la méthode DrawRect de votre vue. Si vous voulez vraiment avoir les données d'image rognées, le contexte serait probablement un CGBitmapContext, quelque chose comme ceci:

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceGray(); 

size_t bytesPerPixel = 1; 
size_t bytesPerRow = bmpWidth * bytesPerPixel; 
size_t bmpDataSize = (bytesPerRow * bmpHeight); 

unsigned char *bmpData = malloc(bmpDataSize); 
memset(bmpData, 0, bmpDataSize); 

CGContextRef bmpCtx = CGBitmapContextCreate(bmpData, bmpWidth, bmpHeight, 8, bytesPerRow, colorSpace, kCGImageAlphaNone | kCGBitmapByteOrderDefault); 

(l'exemple de code est un bitmap en échelle de gris parce que j'avais ce code prêt, mais il est alors pour dessiner réellement l'image découpée dans le contexte bitmap, vous feriez quelque chose comme ça (j'écris ce code de la mémoire, donc il y a peut-être être quelques erreurs):

// theContext could be 
// UIGraphicsGetCurrentContext() 
// or the bmpCtx 

CGContextAddPath(theContext, yourCGPath); 
CGContextClip(theContext); 

// not sure you need the translate and scale... 
CGContextTranslateCTM(theContext, 0, bmpHeight); 
CGContextScaleCTM(theContext, 1, -1); 

CGContextDrawImage(theContext, rect, yourUIImage.CGImage); 

Answer 2

Laissez-moi donner du code pour que le problème soit mieux compris. Avec le code ci-dessous, je vois la même image dessinée sur l'écran dans le cadre de délimitation donné par le polygone CGPath. Mais je veux découper l'image originale à la place. Le problème est avec CGContextClip. Je ne pense pas que cela fonctionne comme il se doit. Appréciez les pointeurs.

-

> (void)drawRect:(CGRect)rect {  
> 
> 
> CGContextRef ctx = UIGraphicsGetCurrentContext(); 
> boundary = rect;  
    CGFloat w = 
> rect.size.width; CGFloat h = 
> rect.size.height; 
> CGContextTranslateCTM (ctx, w, h); 
> CGContextRotateCTM (ctx, M_PI); 
> 
> CGMutablePathRef path = CGPathCreateMutable(); 
> CGContextBeginPath (ctx); 
>   ...... 
> 
>   .... 
> // attach a 4-sided polygon via CGPath 
> CGRect pathBoundingBox = CGPathGetPathBoundingBox (path); 
> CGContextClosePath(ctx); 
> CGContextAddPath(ctx, path); 
> //CGContextClip(ctx); <-- Works if 
> //this is commented out but I see the 
> //entire image redrawn in a rectangle. Instead I would 
> //like to clip that portion. 
> CGPathRelease(path); 
> CGContextDrawImage(ctx, pathBoundingBox, [sourceImage CGImage]); // now I see the original image being redrawn in the rectangle but I want to clip out just the portion I want.