关于swift：iOS使用CGContext画线的质量比SpriteKit中的SKShapeNode差很多


iOS the quality of drawing lines using CGContext is much worse than SKShapeNode in SpriteKit

我正在制作一个用户可以用手指画线的游戏。网站上有很多方法。我尝试了两种方法，一种在 UIView (UIKit) 中使用 CGContext，另一种在 SpriteKit 中使用 CGPath 和 SKShapeNode。但后者显示出更好的质量。第一个使用 CGContext 有丑陋的粗糙边缘。

请查看以下屏幕截图。我还在此处附上了这两种方法的部分代码(在 touchesMove 函数中)。

注意：var ref = CGPathCreateMutable()

UIView 中的CGContext
enter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    CGPathAddLineToPoint(ref, nil, currentPoint.x, currentPoint.y)

    UIGraphicsBeginImageContext(self.frame.size)
    let context = UIGraphicsGetCurrentContext()
    tempImageView.image?.drawInRect(CGRect(x: 0, y: 0, width: self.frame.size.width, height: self.frame.size.height))


    CGContextAddPath(context, ref)

    // 3
    CGContextSetLineCap(context, CGLineCap.Round)
    CGContextSetLineWidth(context, brushWidth)
    CGContextSetRGBStrokeColor(context, red, green, blue, 1.0)
    CGContextSetBlendMode(context, CGBlendMode.Normal)

    // 4
    CGContextStrokePath(context)

    // 5
    UIGraphicsEndImageContext()

SpriteKit 中的 SKShapeNode
enter

1
2
3
4
5
6
CGPathAddLineToPoint(ref, nil, location.x, location.y)
lineDrawing.path = ref
lineDrawing.lineWidth = 3
lineDrawing.strokeColor = UIColor.blackColor()
lineDrawing.alpha = 1.0
self.addChild(lineDrawing)

如何在 UIView 中画出与 SKShapeNode 相同质量的线条？

相关讨论

一个明显的问题是您正在使用一个不能处理 Retina 屏幕的过时函数：

1
UIGraphicsBeginImageContext(self.frame.size)

你应该改用这个：

1
UIGraphicsBeginImageContextWithOptions(self.frame.size, false, 0)

WithOptions 版本以 0 作为最后一个参数，如果设备具有 Retina 屏幕，则以 Retina 分辨率创建图像上下文。 (参数 0 表示使用设备屏幕的比例因子。)

可能还有其他问题，因为您没有显示为每个测试用例在路径中创建点的代码。

相关讨论