¿Cómo escribir texto con caracteres especiales en una imagen (UIImage)?

Question

Hola a todos,

en el desarrollo que estoy realizando necesito poder escribir texto sobre una UIImage, he encontrado un código que me lo permite realizar, pero el caso es que no está pensado para imprimir caracteres especiales como las tildes. ¿Sabéis de qué manera puedo refactorizar este código para que escriba texto con caracteres especiales en la UIImage?

Link al snippet

//Add text to UIImage
-(UIImage *)addText:(UIImage *)img text:(NSString *)text1{
    int w = img.size.width;
    int h = img.size.height; 
    //lon = h - lon;
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGContextRef context = CGBitmapContextCreate(NULL, w, h, 8, 4 * w, colorSpace, kCGImageAlphaPremultipliedFirst);

    CGContextDrawImage(context, CGRectMake(0, 0, w, h), img.CGImage);
    CGContextSetRGBFillColor(context, 0.0, 0.0, 1.0, 1);

    char* text  = (char *)[text1 cStringUsingEncoding:NSASCIIStringEncoding];// "05/05/09";
    CGContextSelectFont(context, "Arial", 18, kCGEncodingMacRoman);
    CGContextSetTextDrawingMode(context, kCGTextFill);
    CGContextSetRGBFillColor(context, 255, 255, 255, 1);

    //rotate text
    CGContextSetTextMatrix(context, CGAffineTransformMakeRotation( -M_PI/4 ));

    CGContextShowTextAtPoint(context, 4, 52, text, strlen(text));

    CGImageRef imageMasked = CGBitmapContextCreateImage(context);
    CGContextRelease(context);
    CGColorSpaceRelease(colorSpace);

    return [UIImage imageWithCGImage:imageMasked];
}

La parte de rotar el texto me es innecesaria.

Un saludo.

Accepted Answer

CGContextShowTextAtPoint solo entiende de dos encoding: kCGEncodingMacRoman y kCGEncodingFontSpecific, para escribir la mayoría de los acentos podrías utilizas MacRoman, pero entonces deberías convertir tu NSString a char* con el encoding correcto (quizá utilizando kCFStringEncodingMacRoman con CFStringConvertEncodingToNSStringEncoding() y luego tu llamada a cStringUsingEncoding:).

Pero mi recomendación es que utilices algo de más alto nivel en vez de QuarzCore. La solución que apuntas utilizando drawAtPoint:withFont: es mucho más sencilla y soporta todo el rango Unicode sin necesidad de conversiones ni otras lindezas. De hecho, utilizando métodos de alto nivel, el bloque de código queda muy sencillo:

UIGraphicsBeginImageContextWithOptions(img.size, NO, 0.0f);
[img drawAtPoint:CGMakePoint(0.0f, 0.0f)];
[text1 drawAtPoint: ...];
UIImage *result = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

Y creo que obtendrías el mismo resultado.

Answer 2

En Core Graphics el origen de coordenadas se encuentra en la parte inferior izquierda de la ventana. En UIKit, en cambio, se sitúa en la parte superior izquierda. Como estás utilizando un método de UIKit (la extensión de NSString para imprimir texto en pantalla) dentro de un contexto de Core Graphics, los orígenes de coordenadas no coinciden y el texto se dibuja invertido.

Para solucionar este problema peudes invertir el eje 'y' de tu contexto CG:

CGContextSetTextMatrix(context, CGAffineTransformMakeScale(1.0, -1.0));

¿Cómo escribir texto con caracteres especiales en una imagen (UIImage)?

2 Respuestas:

Sobre esta pregunta

Seguir esta pregunta

Preguntas relacionadas

Realizar Donación