如何补偿核心显卡坐标系翻转，方便绘图？

Question

这确实很痛苦，但是当我在 -drawRect: 中绘制 UIImage 时，它​​总是颠倒的。

当我翻转坐标时，图像绘制正确，但代价是所有其他 CG 函数绘制“错误”（翻转）。

当你必须绘制图像和其他东西时，你的策略是什么？有没有什么经验法则可以避免一次又一次陷入这个问题？

另外，当我翻转 y 轴时，一件令人讨厌的事情是，UIImageView 框架中的 CGRect 是错误的。原点没有像预期那样出现在左上角 10,10 处，而是出现在底部。

但与此同时，CGContext 的所有正常线条绘制函数都采用正确的坐标。在 -drawRect 中以左上角为原点 10,10 绘制一条线，实际上会从左上角开始。但同时这也很奇怪，因为核心显卡实际上有一个翻转的坐标系，y 0 位于底部。

所以看起来确实有些东西不一致。使用 CGContext 函数绘图将坐标视为“预期”（来吧，没有人认为坐标是从左下角开始的，这很愚蠢），而绘制任何类型的图像仍然以“错误”的方式工作。

你使用辅助方法来绘制图像吗？或者有什么有用的东西可以让图像绘制不再是一件痛苦的事？

Answer 1

问题：原点在左下角；正 y 向上（负 y 向下）。
目标：原点在左上角；正 y 向下（负 y 向上）。

解决方案：

1. 将原点向上移动视图的高度。
2. 对 y 轴求负（乘以 -1）。

在代码中执行此操作的方法是翻译按视图边界'高度和按 (1, -1) 的顺序缩放。

与本主题相关的 Quartz 2D 编程指南，包括 “在 iPhone OS 上绘制到图形上下文” 以及整个 关于变换的章节。当然，您确实应该阅读整篇文章。

Answer 2

您可以通过在要转换为 UIKit 相关坐标的点上应用 affinetransform 来实现这一点。以下是示例。

// Create a affine transform object
CGAffineTransform transform = CGAffineTransformMakeScale(1, -1);
// First translate your image View according to transform
transform = CGAffineTransformTranslate(transform, 0, - imageView.bounds.size.height);
// Then whenever you want any point according to UIKit related coordinates apply this transformation on the point or rect.
// To get tranformed point
CGPoint newPointForUIKit = CGPointApplyAffineTransform(oldPointInCGKit, transform);
// To get transformed rect
CGRect newRectForUIKit = CGRectApplyAffineTransform(oldPointInCGKit, transform);

Answer 3

解决此问题的更好方法是使用 UIImage 方法 drawInRect: 来绘制图像。我假设您希望图像跨越您的视图的整个边界。这就是您在 drawRect: 方法中输入的内容。

而不是：

CGContextRef ctx = UIGraphicsGetCurrentContext();  
UIImage *myImage = [UIImage imageNamed:@"theImage.png"];  
CGImageRef img = [myImage CGImage];
CGRect bounds = [self bounds];
CGContextDrawImage(ctx, bounds, img);

写下：

UIImage *myImage = [UIImage imageNamed:@"theImage.png"];
CGRect bounds = [self bounds];
[myImage drawInRect:bounds];

Answer 4

这确实很痛苦，但是当我在 -drawRect: 中绘制 UIImage 时，它​​总是颠倒的。

您是告诉 UIImage 进行绘制，还是获取其 CGImage 并进行绘制？

如“在 iPhone OS 上绘制到图形上下文”，UIImages 能够意识到坐标空间的差异，并且应该正确地绘制自己，而无需您自己翻转坐标空间。

Answer 5

CGImageRef flip (CGImageRef im) {
    CGSize sz = CGSizeMake(CGImageGetWidth(im), CGImageGetHeight(im));
    UIGraphicsBeginImageContextWithOptions(sz, NO, 0);
    CGContextDrawImage(UIGraphicsGetCurrentContext(),
                       CGRectMake(0, 0, sz.width, sz.height), im);
    CGImageRef result = [UIGraphicsGetImageFromCurrentImageContext() CGImage];
    UIGraphicsEndImageContext();
    return result;
}

使用以下代码调用上述方法：
此代码处理从现有 UIImageview 获取图像的左半部分并将由此生成的图像设置为新的 imageview - imgViewleft

CGContextRef con = UIGraphicsGetCurrentContext();
CGContextDrawImage(con,  
                   CGRectMake(0,0,sz.width/2.0,sz.height),
                   flip(leftReference));
imgViewLeft = [[UIImageView alloc] initWithImage:UIGraphicsGetImageFromCurrentImageContext()];