UIBezierpath 没有在绘制它们的地方绘制

Question

正在就此 "weird" 问题寻求帮助。

我正在使用 PanGesture 允许用户在 CAShapeLayer 上画一条线。

我一直跟踪路径直到它们结束，然后将路径存储在路径数组中，从 CAShapeLayer.path

中清除它们的原始路径

当我将这些路径重新绘制到 UIImage 上时，路径在 Y-axis 中向屏幕顶部移动。

我附上两张图片：

1)路径的绘制。 Drawing The Path

2)重绘路径时放出的UIImage。如您所见，我沿着网格线绘制，但是，当创建 UIImage 时，该线位于网格线上方。 The Path Redrawn On UIImage

感谢任何建议。

绘图和渲染的代码如下。

    @objc private func drawLine(_ gestureRecognizer: UIPanGestureRecognizer) {

    let point = gestureRecognizer.location(in: self)
    if point.x < 0 || point.x > self.bounds.width || point.y < 0 || point.y > self.bounds.height {
      return
    }

    switch gestureRecognizer.state {
    case .began:
      currentLine = UIBezierPath()
      currentLine.lineWidth = settings.defaultSpotRadius
      currentLine.lineCapStyle = .round
      currentLine.lineJoinStyle = .round
      currentLine.move(to: point)
      break

    case .changed:
      currentLine.addLine(to: point)
      currentLineDrawLayer.path = currentLine.cgPath
      break

    case .ended:
      self.storage.addLine(clear: fowClearMode, path: currentLine, ofWidth: currentLine.lineWidth)
      currentLineDrawLayer.path = nil
      storedImage = drawPaths()
      break

    default:
      break
    }

  }

  public func drawPaths() -> UIImage? {
    if pathsHidden { return nil }

    let rect = CGRect(origin: .zero, size: self.imageSize)
    UIGraphicsBeginImageContextWithOptions(rect.size, false, 0.0)

    storedImage.draw(in: rect)

    for (isClear, line, width) in thePaths {
      let blendMode = isClear ? settings.colorClear : settings.colorDark
      line.lineWidth = width
      line.stroke(with: blendMode, alpha: 1.0)
    }

    let image = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()

    return image
  }

2018 年 9 月 25 日星期二

我创建了一个只包含导入点点滴滴的小项目。可以在这里找到... Mini-Project

Answer 1

我认为您有办法让一切按预期工作，但是，要解决您最初的 "offset" 问题...

在 ViewController.swift 中，您将 imgDisplay: ImageDisplay 的框架设置为 self.view.bounds --- 在这种情况下，将是 1024 x 768.

然后在 ImageDisplay.swift 中创建大小为 1024 x 791 的 aPathImage 并将该图像设置为子图层。

然后...

您正在根据边界为 1024 x 768 的视图跟踪平移手势，然后在 1024 x 791 的图像上重新绘制这些线条，结果是 "shift"。

请注意，如果您将图像尺寸更改为 800 x 600，偏移将非常明显，并且更容易看出它与尺寸差异之间的关系。

您可能想要做的是将 imgDisplay 的边框大小设置为图像的大小。

试试看会发生什么 - 在 ImageDisplay.swift:

  override init(frame: CGRect) {
    super.init(frame: frame)

    // add this line        
    self.frame = CGRect(origin: .zero, size: aPathImage.sizeCurrent)

    self.contentMode = .center
    ...

现在，您的平移坐标将与包含的图像的坐标匹配。

正如我所说，您还有很长的路要走，但希望这对您有所帮助。

UIBezierpath 没有在绘制它们的地方绘制

UIBezierpaths Are Not Drawing Where They Were Drawn

uiimage

ios

uibezierpath

swift4.2

2018 年 9 月 25 日星期二