在 CALayer 中绘制的 UIImage 太模糊

Question

我在获取在 CALayer 内绘制的 UIImage 时遇到一些问题，使其显示得不模糊。我将 400x300px 图像放入 123x89 CALayer 中。这个规模应该意味着生成的 CALayer 相对尖锐，但事实并非如此。

这是我用来绘制 UIImage 的代码：

    CGSize s = image.size;
    CGRect r = CGRectInset (bounds, 8, 8);
    CGFloat scale = MIN (r.size.width / s.width, r.size.height / s.height);
    s.width *= scale; s.height *= scale;
    r.origin.x += (r.size.width - s.width) * .5;
    r.size.width = s.width;
    r.origin.y += (r.size.height - s.height) * .5;
    r.size.height = s.height;

    CGContextSaveGState (ctx);
    CGContextTranslateCTM (ctx, 0, bounds.size.height);
    CGContextScaleCTM (ctx, 1, -1);

    if (image != nil) {
        CGContextDrawImage (ctx, r, image.CGImage);
    }

    CGContextRestoreGState (ctx);

如果您遇到了同样的问题或知道此问题的解决方案，我们将不胜感激。

谢谢，

约书亚·李·塔克。

Answer 1

为什么不直接将 CALayer 内容属性设置为 CGImageRef 并使用contentsGravity 属性来定义缩放？您可以通过 CALayer 框架或边界控制大小。

myLayer.contentsGravity = kCAGravityResizeAspect;
myLayer.contents = (id) [myImage CGImage];

Answer 2

不要忘记在 CALayer 上设置 contentScale 值，否则您可能会发现 CGImage 在视图边界之外拉伸到视网膜设备上正常大小的 2 倍。由于某种原因，CALayers 上的默认比例始终为 1.0，即使在 Retina 设备上也是如此。

另外

layer.contentsScale = [UIScreen mainScreen].scale;

，如果您使用 CAShapeLayer 绘制形状，并且想知道其边缘在视网膜设备上看起来有点锯齿状，请尝试：

shapeLayer.rasterizationScale = [UIScreen mainScreen].scale;
shapeLayer.shouldRasterize = YES;

Answer 3

我预计它会被扭曲。

首先，这些数字并不是均匀分布的。

其次，源尺寸和目标尺寸的纵横比不同，因此会出现一点拉伸/收缩。

如果您确实需要这样做 - 尝试使其宽高比相同，它们可以均匀划分 - 或者更好 - 您首先将图像渲染为正确的目标尺寸。

Answer 4

如果将图像放置在非整数坐标处，或将宽度/高度设置为非整数值，图像往往会看起来模糊。您（可能）在代码中同时执行这两件事。

我认为给出的代码的修复方法是：

CGFloat scale = MIN (r.size.width / s.width, r.size.height / s.height);
s.width = trunc(s.width * scale); 
s.height = trunc(s.height * scale);
r.origin.x += trunc((r.size.width - s.width) * .5);
r.size.width = s.width;
r.origin.y += trunc((r.size.height - s.height) * .5);
r.size.height = s.height;