旋转的 CGImage/CGlayer 的抗锯齿看起来有锯齿，UIImageView 的则不是

Question

我需要使用旋转灰度图像来掩盖“纹理”图像。

我发现，我必须使用 CGImages 或 CGlayers 来完成此操作（如果有更简单的方法仅使用 UIImageViews，请告诉我关于它）。

我的问题很简单：

任何的抗锯齿 旋转变换的 CG 东西很安静 锯齿状...

...但是旋转变换的 UIImageView 的抗锯齿效果有点完美。我怎样才能产生美丽的抗锯齿旋转？

我上传了一份涉及实际 iPhone 模拟器屏幕截图的“证据”，看看我在说什么：http://gotoandplay.freeblog.hu/files/Proof.png

我尝试使用CGImages、CGLayers、UIImageViews用renderInContext“捕获”，我尝试将CGContextSetInterpolationQuality设置为高，并且还尝试设置CGContextSetAllowsAntialiasing - CGContextSetShouldAntialias< /em>，但每种情况都返回相同的锯齿状结果。

我计划明年学习使用 OpenGL，但此开发应该仅使用 CoreGraphics 发布。请让我知道如何获得完美渲染的旋转图像，我只是无法接受这是不可能的。

Answer 1

要为图像添加 1px 透明边框，请使用此

CGRect imageRect = CGRectMake(0, 0, image.size.width, image.size.height);
UIGraphicsBeginImageContext( imageRect.size ); 
[image drawInRect:CGRectMake(1,1,image.size.width-2,image.size.height-2)];
image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

Answer 2

您是否尝试过在图像周围添加清晰的 1 像素边框？我听说有人建议将其作为避免锯齿的技巧，即在混合边缘时为 CoreGraphics 提供一些工作空间。

Answer 3

我也遇到了类似的问题，看起来我也要把它移到 OpenGL ES 上。我无法确定一个不影响性能的有效解决方案。

作为未来 CoreGraphics 浏览器的参考，放置 1 像素透明边框确实在我的实验中带来了显着的改进，但似乎正如 Eonil 提到的那样，您最终会遇到多个阶段的抗锯齿/平滑/插值相互对抗。 IE：CGLayer 会对其旋转进行一些插值，然后绘制它的上下文将进行一些插值/抗锯齿，依此类推，直到最终看起来非常粗糙。

实际上，通过在目标上下文上禁用插值和抗锯齿，我最终获得了更好的结果，尽管它仍然明显是锯齿状的（尽管总体上伪像较少）。通过在构造 CGLayer 时启用插值和抗锯齿，并在重新绘制目标上下文时禁用它，我能够实现最佳的整体外观。显然，这种方法还存在其他问题。