ios - CALayer上下文中的镜像和交替输出笔划

我正在为iPad使用Apple Pencil应用程序，并且想在子图层中捕获铅笔笔触。每次铅笔移动时，我都会向子图层添加笔触，然后保存图像。对于下一个笔划，我绘制保存的图像，添加下一个笔划，然后再次保存。出于某种原因，每隔一个笔划都会与前一个笔划相对地镜像，从而使虚线图像在镜框的水平中心以镜像形式显示。我知道可以完成同一件事的其他方式，但是我真的很想知道为什么会这样-显然我不了解有关使用Layers和CGContext的一些知识。下面是重新创建问题的最小代码集。请注意，这不是我的实际代码（我使用“视图”和“图层”等），但我将所有内容都粉碎到一个VC中，以便在单视图应用程序中轻松重新创建它：

import UIKit

var touch: UITouch!
var loc: CGPoint!
var prevLoc: CGPoint!

var lineWidth: CGFloat = 3
var drawColor: UIColor = UIColor.black

var myView: UIView!
var pLay: CALayer!
var img: CGImage!

class ViewController: UIViewController, CALayerDelegate {

override func viewDidLoad() {
    super.viewDidLoad()
    myView = self.view!
    pLay = CALayer()
    pLay.frame = myView.bounds
    pLay.bounds = pLay.frame
    pLay.delegate = self
    myView.layer.addSublayer(pLay)
    pLay.setNeedsDisplay()
}

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    guard let touch = touches.first else { return }
    let start = touch.location(in: myView)
    print("START: X: \(start.x) Y: \(start.y)")
}

override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
    guard let touch = touches.first else { return }
    let end = touch.location(in: myView)
    print("END: X: \(end.x) Y: \(end.y)")
    pLay.setNeedsDisplay()
}

override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
    touch = touches.first
    prevLoc = touch.previousLocation(in: myView)
    loc = touch.location(in: myView)
    if ((loc.x != prevLoc.x) && (loc.y != prevLoc.y)) {
        print("MOVED: prev: \(prevLoc.x), \(prevLoc.y) loc: \(loc.x), \(loc.y)")
        pLay.setNeedsDisplay()
    }
}

func draw(_ layer: CALayer, in con: CGContext) {
    guard let t = touch else {
        return
    }

    if (img != nil) {
        con.draw(img, in: layer.bounds)
    }

    if t.type == .stylus {
        lineWidth = 2
        con.setStrokeColor(drawColor.cgColor)
    }

    con.setLineWidth(lineWidth)
    con.setLineCap(.round)

    con.move(to: CGPoint(x: prevLoc.x, y: prevLoc.y))
    con.addLine(to: CGPoint(x: loc.x, y: loc.y))
    con.strokePath()
    img = con.makeImage()
}

}

最佳答案

这是“如果没有破裂就不要修复”的情况。我使用ImageView使此代码运行良好，但感觉效率低下，因此尝试在Layer中实现。我尝试保存状态然后在图层中还原的方法基本上是不合适的。这里的主要问题是在con.draw(img, in: layer.bounds)中调用draw时，它创建了镜像图形，但是还有很多其他问题（例如不同的坐标原点）使我回到了最初的实现。