Put bordo Immagine intorno parzialmente trasparente in fase di elaborazione su CGContext

Question

Ho un'immagine con un vaso giallo in primo piano e lo sfondo trasparente:

sto disegnando su un CGContext:

CGContextDrawImage(context, CGRectMake(0, 0, 100, 100), myImage.CGImage); 

posso disegnare un'ombra intorno ad esso utilizzando la seguente dichiarazione prima CGContextDrawImage:

CGContextSetShadowWithColor(context, CGSizeMake(0,0), 5, [UIColor blueColor].CGColor); 

Ma voglio mettere un colpo intorno all'immagine, in modo che sarò sembra seguente:

Se ho fatto questo:

CGContextSetRGBStrokeColor(shadowContext, 0.0f, 0.0f, 1.0f, 1.0f); 
CGContextSetLineWidth(shadowContext, 5); 
CGContextStrokeRect(shadowContext, CGRectMake(0, 0, 100, 100)); 

E ' (ovviamente) disegna un bordo rettangolare attorno all'intero iamge in questo modo:

Quale non è quello che mi serve.

Ma qual è il modo migliore per disegnare il bordo come nella terza immagine?

Si noti che in questo caso non è possibile utilizzare UIImageView, pertanto non è possibile utilizzare le proprietà di CALayer di UIImageView.

Answer 1

Un modo per fare ciò è utilizzare lo mathematical morphology operator of dilation per "espandere" il canale alfa dell'immagine verso l'esterno, quindi utilizzare l'immagine della scala di grigi risultante come maschera per simulare un tratto. Riempiendo la maschera dilatata, quindi disegnando l'immagine principale sopra, ottieni l'effetto di un tratto. Ho creato una demo che mostra questo effetto, disponibile su Github qui: https://github.com/warrenm/Morphology (tutta la fonte è MIT con licenza, nel caso si rivelasse utile).

Ed ecco uno screenshot di esso in azione:

Si noti che questo è incredibilmente lenta (dilatazione richiede iterazione di un kernel su ogni pixel), così si dovrebbe scegliere una larghezza del tratto e precompute la maschera l'immagine per ciascuna delle tue immagini sorgente in anticipo.

Answer 2

Proverei a impostare il colore del tratto e la larghezza della linea prima della chiamata a CGContextDrawImage o a modificare l'ombreggiatura (opacità, sfocatura, ecc.) In modo che assomigli ad un tratto intorno all'immagine. Fammi sapere se funziona!