iPhone - 翻转 UIImage

Question

我正在开发一个使用 iPhone 前置摄像头的应用程序。 当使用该相机拍摄图像时，iPhone 会水平扭曲图像。 我想将其镜像回来，以便能够保存它并显示它，就像在 iPhone 屏幕上看到的那样。

我读了很多文档，在网上看了很多建议，但我仍然很困惑。

经过我的研究和多次尝试，我发现该解决方案适用于保存和显示：

- (UIImage *) flipImageLeftRight:(UIImage *)originalImage {
    UIImageView *tempImageView = [[UIImageView alloc] initWithImage:originalImage];

    UIGraphicsBeginImageContext(tempImageView.frame.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGAffineTransform flipVertical = CGAffineTransformMake(
                                                           1, 0, 
                                                           0, -1,
                                                           0, tempImageView.frame.size.height
                                                           );
    CGContextConcatCTM(context, flipVertical); 

    [tempImageView.layer renderInContext:context];

    UIImage *flipedImage = UIGraphicsGetImageFromCurrentImageContext();
    flipedImage = [UIImage imageWithCGImage:flipedImage.CGImage scale:1.0 orientation:UIImageOrientationDown];
    UIGraphicsEndImageContext();

    [tempImageView release];

    return flipedImage;
}

但这是一种盲目使用，我不明白做了什么。

我尝试使用 2 imageWithCGImage 对其进行镜像，然后将其旋转 180°，但这由于任何神秘的原因不起作用。

所以我的问题是：你能帮我编写一个有效的优化方法吗？我将能够理解它是如何工作的。

Answer 1

如果该矩阵太神秘了，则可能将其分为两个步骤使其更容易理解：

CGContextRef context = UIGraphicsGetCurrentContext();

CGContextTranslateCTM(context, 0, tempImageView.frame.size.height);
CGContextScaleCTM(context, 1, -1);

[tempImageView.layer renderInContext:context];

转换矩阵从第一到最后。最初，画布被向上移动，然后否定了图像的y坐标：

            +----+
            |    |
            | A  |
+----+      o----+     o----+
|    |                 | ∀  |
| A  | -->         --> |    |
o----+                 +----+

      x=x         x=x
      y=y+h       y=-y

可以将坐标更改的两个公式组合成一个：

 x = x
 y = -y + h

您制作的cgaffinetransformmake代表了这一点。基本上，对于 cgaffinetransformmake（a，b，c，c，d，e，f），它对应于

x = a*x + c*y + e
y = b*x + d*y + f

see http://developer.apple.com/library/ios/#documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_affine/dq_affine.html for more info about核心图形中的2D仿射变换。