旋转图像变得扭曲和模糊？

Question

我使用图像视图：

@IBOutlet weak var imageView: UIImageView!

绘制一幅图像以及另一幅旋转后的图像。事实证明，旋转后的图像质量很差。在下图中，黄色框中的眼镜没有旋转。红框内的眼镜旋转了4.39度。

这是我用来绘制眼镜的代码：

UIGraphicsBeginImageContext(imageView.image!.size)
    imageView.image!.drawInRect(CGRectMake(0, 0, imageView.image!.size.width, imageView.image!.size.height))

var drawCtxt = UIGraphicsGetCurrentContext()

var glassImage = UIImage(named: "glasses.png")
let yellowRect = CGRect(...)

CGContextSetStrokeColorWithColor(drawCtxt, UIColor.yellowColor().CGColor)
CGContextStrokeRect(drawCtxt, yellowRect)
CGContextDrawImage(drawCtxt, yellowRect, glassImage!.CGImage)

// paint the rotated glasses in the red square
CGContextSaveGState(drawCtxt)
CGContextTranslateCTM(drawCtxt, centerX, centerY)
CGContextRotateCTM(drawCtxt, 4.398 * CGFloat(M_PI) / 180)
var newRect = yellowRect
newRect.origin.x = -newRect.size.width / 2
newRect.origin.y = -newRect.size.height / 2
CGContextAddRect(drawCtxt, newRect)
CGContextSetStrokeColorWithColor(drawCtxt, UIColor.redColor().CGColor)
CGContextSetLineWidth(drawCtxt, 1)

// draw the red rect
CGContextStrokeRect(drawCtxt, newRect)
// draw the image
CGContextDrawImage(drawCtxt, newRect, glassImage!.CGImage)
CGContextRestoreGState(drawCtxt)

如何在不损失质量或得到扭曲的图像的情况下旋转和绘制眼镜？

Answer 1

您应该使用 UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale) 创建初始上下文。传入 0.0 作为 scale 将默认为当前屏幕的比例（例如，2.0 在 iPhone 6 和 3.0 在 iPhone 6 加）。

请参阅 UIGraphicsBeginImageContext() 上的注释：

This function is equivalent to calling the UIGraphicsBeginImageContextWithOptions function with the opaque parameter set to NO and a scale factor of 1.0.

Answer 2

正如其他人所指出的，您需要设置上下文以允许视网膜显示。

除此之外，您可能希望使用大于目标显示尺寸的源图像并将其缩小。（2X 目标图像的像素尺寸将是一个很好的起点。）

旋转到奇怪的角度是破坏性的。图形引擎必须将源像素的网格映射到它们不对齐的不同网格上。源图像中的完美直线在目标图像中不再是直线，等等。图形引擎必须进行一些插值，并且源像素可能分布在目标图像中的几个像素上，或少于一个完整像素。

通过提供更大的源图像，您可以为图形引擎提供更多可供使用的信息。它可以更好地将这些源像素切片和切块到目标像素网格中。

旋转图像变得扭曲和模糊？

Rotated Image gets distorted and blurry?

iphone

core-graphics

ios

swift