Put Ränder um teilweise transparentes Bild auf CGContext gezogen wird

Question

Ich habe ein Bild mit einem gelben Vase im Vordergrund und transparenten Hintergrund:

ich es auf einem CGContext bin Zeichnung:

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

kann ich einen Schatten um sie ziehen durch die folgende Anweisung vor CGContextDrawImage mit:

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

Aber ich will um das Bild einen Schlaganfall setzen, so dass es dann sieht wie folgt aus:

Wenn ich dies tat:

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

Es (offensichtlich) zeichnet eine rechteckige Umrandung um die ganze Zeichnung wie folgt:

Was ist nicht was ich brauche.

Aber was ist der beste Weg, um die Grenze wie im dritten Bild zu zeichnen?

Bitte beachten Sie, dass es in diesem Fall nicht möglich ist, UIImageView zu verwenden, daher ist die Verwendung der Eigenschaften von CALayer von UIImageView nicht anwendbar.

Answer 1

Eine Möglichkeit, dies zu tun, ist die mathematical morphology operator of dilation verwenden, um den Alpha-Kanal des Bildes nach außen "wachsen", dann das resultierende Graustufenbild als Maske zu verwenden, um einen Strich zu simulieren. Wenn Sie die erweiterte Maske füllen und dann das Hauptbild oben zeichnen, erhalten Sie den Effekt eines Strichs. Ich habe eine Demo erstellt, die diesen Effekt zeigt, verfügbar auf Github hier: https://github.com/warrenm/Morphology (alle Quellen sind mit MIT lizensiert, sollte es sich als nützlich erweisen).

Und hier ist ein Screenshot davon in Aktion:

Beachten Sie, dass diese staggeringly langsam ist (Dilatation erfordert Iteration eines Kerns über jedes Pixel), so dass Sie eine Strichbreite wählen sollte und precompute die maskiere das Bild für jedes deiner Quellbilder im Voraus.

Answer 2

Ich würde versuchen, entweder die Strichfarbe und Linienbreite vor Ihrem Anruf auf CGContextDrawImage, oder den Schatten (Opazität, Unschärfe, etc.) zu optimieren, so dass es wie ein Strich um das Bild aussieht. Lass es mich wissen, wenn das funktioniert!