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];

变换矩阵从头到尾应用。最初， Canvas 向上移动，然后图像的 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,d,e,f)，它对应于

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

参见http://developer.apple.com/library/ios/#documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_affine/dq_affine.html有关 Core Graphics 中 2D 仿射变换的更多信息。