3

必要なもの:

1) ライブラリまたはカメラから画像を選択

2) 書き込みとテキスト

3) テキストは画像で切り取られます!

以下の画像は、正確に何が必要かをより明確にすることができます。

ここに画像の説明を入力

emoji me appでフレームでマスキングを行ったとしても、画像のマスキングとトリミングを知っています。動的テキストに従って画像をトリミングする方法を知る必要があります。

あなたの提案をしてください。

...
UIImage *image = [UIImage imageNamed:@"dogs.png"];
UIImage *mask = [UIImage imageNamed:@"mask.png"];

// result of the masking method
UIImage *maskedImage = [self maskImage:image withMask:mask];

...

- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage {

    CGImageRef maskRef = maskImage.CGImage; 

    CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef),
        CGImageGetHeight(maskRef),
        CGImageGetBitsPerComponent(maskRef),
        CGImageGetBitsPerPixel(maskRef),
        CGImageGetBytesPerRow(maskRef),
        CGImageGetDataProvider(maskRef), NULL, false);

    CGImageRef maskedImageRef = CGImageCreateWithMask([image CGImage], mask);
    UIImage *maskedImage = [UIImage imageWithCGImage:maskedImageRef];

    CGImageRelease(mask);
    CGImageRelease(maskedImageRef);

    // returns new image with mask applied
    return maskedImage;
}
4

2 に答える 2

5

1）以下のコードでテキスト付きの画像を書きます

UIImage *textedImage = [self imageFromText:@"Text to show"];



-(UIImage *)imageFromText:(NSString *)text
{
   //set width for string to wrap.

    CGSize maximumSize;
    maximumSize = CGSizeMake(320, 300); 

    //set your text image font here
    UIFont *font = [UIFont boldSystemFontOfSize:50];

    CGSize strSize1 = [text sizeWithFont:font constrainedToSize:maximumSize lineBreakMode:UILineBreakModeWordWrap];
    CGSize strSize =CGSizeMake(320, strSize1.height);

    if (UIGraphicsBeginImageContextWithOptions != NULL)
        UIGraphicsBeginImageContextWithOptions(strSize,NO,0.0);
    else
        UIGraphicsBeginImageContext(strSize);

    //set your new text iamge frame here
    CGRect newframe = CGRectMake(0, 0, 320, 400);

    UIColor *color = [UIColor redColor];
     [color set];

    [text  drawInRect:newframe
                 withFont:font
            lineBreakMode:UILineBreakModeCharacterWrap
                alignment:UITextAlignmentCenter];

    UIImage *textImg = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();


    return textImg;
}

2) テクスチャ画像を取得したら、必要な画像で画像作成を適用します

UIImage *maskedImage = [self maskImage:finalImage withMask: textedImage];


- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage {

    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

    //UIImage *maskImage = [UIImage imageNamed:@"mask.png"];
    CGImageRef maskImageRef = [maskImage CGImage];

    // create a bitmap graphics context the size of the image
    CGContextRef mainViewContentContext = CGBitmapContextCreate (NULL, maskImage.size.width, maskImage.size.height, 8, 0, colorSpace, kCGImageAlphaPremultipliedLast);


    if (mainViewContentContext==NULL)
        return NULL;

    CGFloat ratio = 0;

    ratio = maskImage.size.width/ image.size.width;

    if(ratio * image.size.height < maskImage.size.height) {
        ratio = maskImage.size.height/ image.size.height;
    }

    CGRect rect1  = {{0, 0}, {maskImage.size.width, maskImage.size.height}};
    CGRect rect2  = {{-((image.size.width*ratio)-maskImage.size.width)/2 , -((image.size.height*ratio)-maskImage.size.height)/2}, {image.size.width*ratio, image.size.height*ratio}};


    CGContextClipToMask(mainViewContentContext, rect1, maskImageRef);
    CGContextDrawImage(mainViewContentContext, rect2, image.CGImage);


    // Create CGImageRef of the main view bitmap content, and then
    // release that bitmap context
    CGImageRef newImage = CGBitmapContextCreateImage(mainViewContentContext);
    CGContextRelease(mainViewContentContext);

    UIImage *theImage = [UIImage imageWithCGImage:newImage];

    CGImageRelease(newImage);

    // return the image
    return theImage;
}
于 2013-07-24T06:14:27.680 に答える