Изображения с камеры iPhone поворачиваются при загрузке в Интернет - PullRequest
Новая
       15

Изображения с камеры iPhone поворачиваются при загрузке в Интернет

8 голосов
/ 25 июня 2009

Я использую UIImagePickerController, чтобы сделать фотографию в портретном режиме на iphone и сохранить ее в Интернете. Фотография появляется в портретной ориентации на телефоне, но в Интернете поворачивается на 90 градусов.

Если я загружаю фотографию и смотрю ее в Preview (mac) или Photoshop (mac или pc), она снова в портретной ориентации. В Windows Picture Viewer (ПК) он повернут в горизонтальную плоскость.

Нужно ли применять преобразование поворота к данным изображения перед загрузкой? Тогда мне также нужно будет удалить метаданные, которые вращают их в Photoshop и в Preview?

Ответы [ 4 ]

7 голосов
/ 27 июня 2009

Проблема заключалась в том, что поворот изображения был добавлен к фотографии как данные EXIF, не используемые большинством браузеров. Есть два решения:

  1. Применить вращение на стороне сервера. Я использовал плагин Ruby Paperclip (от Thoughtbot) и мне просто нужно было включить опцию автоматического ориентирования в команду has_attached_file в модели:

    has_attached_file: photo,: convert_options => {: all => '-auto-orient'}

  2. Поворот фотографии в приложении iPhone. Это было решено в другом вопросе stackoverflow; вызов метода scaleAndRotate заменяет метаданные вращения на преобразование изображения, благодаря @ Squeegy.

3 голосов
/ 15 мая 2011

Вот решение для CarrierWavew / MiniMagick: http://carrierwave.rubyforge.org/rdoc/classes/CarrierWave/MiniMagick.html

0 голосов
/ 26 октября 2015

Вот простой способ вручную переопределить метаданные поворота EXIF, если изображение сохранено в правильной ориентации в MS Windows. В проводнике Windows щелкните правой кнопкой мыши файл изображения и выберите «Повернуть по часовой стрелке». Сделайте это 4 раза, чтобы полностью повернуть изображение, и тогда изображение будет иметь правильную ориентацию для всех систем. Затем вы можете загрузить изображение на ваш веб-сервер.

0 голосов
/ 07 февраля 2014

Как только вы сделаете фотографию, прежде чем загрузить изображение на сервер, просто передайте полученное изображение в метод, и оно, безусловно, будет работать для вас 

#pragma mark Rotate
- (UIImage *)scaleAndRotateImage:(UIImage *)image {
    int kMaxResolution = 640; // Or whatever

    CGImageRef imgRef = image.CGImage;

    CGFloat width = CGImageGetWidth(imgRef);
    CGFloat height = CGImageGetHeight(imgRef);


    CGAffineTransform transform = CGAffineTransformIdentity;
    CGRect bounds = CGRectMake(0, 0, width, height);
    if (width > kMaxResolution || height > kMaxResolution) {
        CGFloat ratio = width/height;
        if (ratio > 1) {
            bounds.size.width = kMaxResolution;
            bounds.size.height = roundf(bounds.size.width / ratio);
        }
        else {
            bounds.size.height = kMaxResolution;
            bounds.size.width = roundf(bounds.size.height * ratio);
        }
    }

    CGFloat scaleRatio = bounds.size.width / width;
    CGSize imageSize = CGSizeMake(CGImageGetWidth(imgRef), CGImageGetHeight(imgRef));
    CGFloat boundHeight;
    UIImageOrientation orient = image.imageOrientation;
    switch(orient) {

        case UIImageOrientationUp: //EXIF = 1
            transform = CGAffineTransformIdentity;
            break;

        case UIImageOrientationUpMirrored: //EXIF = 2
            transform = CGAffineTransformMakeTranslation(imageSize.width, 0.0);
            transform = CGAffineTransformScale(transform, -1.0, 1.0);
            break;

        case UIImageOrientationDown: //EXIF = 3
            transform = CGAffineTransformMakeTranslation(imageSize.width, imageSize.height);
            transform = CGAffineTransformRotate(transform, M_PI);
            break;

        case UIImageOrientationDownMirrored: //EXIF = 4
            transform = CGAffineTransformMakeTranslation(0.0, imageSize.height);
            transform = CGAffineTransformScale(transform, 1.0, -1.0);
            break;

        case UIImageOrientationLeftMirrored: //EXIF = 5
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeTranslation(imageSize.height, imageSize.width);
            transform = CGAffineTransformScale(transform, -1.0, 1.0);
            transform = CGAffineTransformRotate(transform, 3.0 * M_PI / 2.0);
            break;

        case UIImageOrientationLeft: //EXIF = 6
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeTranslation(0.0, imageSize.width);
            transform = CGAffineTransformRotate(transform, 3.0 * M_PI / 2.0);
            break;

        case UIImageOrientationRightMirrored: //EXIF = 7
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeScale(-1.0, 1.0);
            transform = CGAffineTransformRotate(transform, M_PI / 2.0);
            break;

        case UIImageOrientationRight: //EXIF = 8
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeTranslation(imageSize.height, 0.0);
            transform = CGAffineTransformRotate(transform, M_PI / 2.0);
            break;

        default:
            [NSException raise:NSInternalInconsistencyException format:@"Invalid image orientation"];

    }

    UIGraphicsBeginImageContext(bounds.size);

    CGContextRef context = UIGraphicsGetCurrentContext();

    if (orient == UIImageOrientationRight || orient == UIImageOrientationLeft) {
        CGContextScaleCTM(context, -scaleRatio, scaleRatio);
        CGContextTranslateCTM(context, -height, 0);
    }
    else {
        CGContextScaleCTM(context, scaleRatio, -scaleRatio);
        CGContextTranslateCTM(context, 0, -height);
    }

    CGContextConcatCTM(context, transform);

    CGContextDrawImage(UIGraphicsGetCurrentContext(), CGRectMake(0, 0, width, height), imgRef);
    UIImage *imageCopy = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return imageCopy;
}
...