围绕 x 轴旋转 BezierPath 以获得 PDF 注释 Swift 4 iOS

Question

我正在尝试使用 UIBezierPath 在我的应用程序中使用类型 .ink 注释 PDF。我在下面包含了一段相关代码（可以添加整个示例，但问题仅在于旋转路径）。问题是当我应用这条路径时，它绕 x 轴旋转了 180 度，所以基本上它是上下颠倒的。我希望能够将这条路径围绕 x 轴旋转 180 度，使其看起来像最初预期的那样。我见过围绕 z 轴旋转但 none 围绕 x 轴旋转的示例。任何帮助将不胜感激！

            let rect = CGRect(x: 110, y: 100, width: 400, height: 300)

            let annotation = PDFAnnotation(bounds: rect, forType: .ink, withProperties: nil)
            annotation.backgroundColor = .blue

            path.apply(CGAffineTransform(scaleX: 0.2, y: 0.2))
            annotation.add(path)

            // Add annotation to the first page
            page.addAnnotation(annotation)

            pdfView?.document?.page(at: 0)?.addAnnotation(annotation)

Answer 1

我实际上能够使用以下比例和翻译转换来解决这个问题：

let rect = CGRect(x: 110, y: 100, width: 400, height: 300)

let annotation = PDFAnnotation(bounds: rect, forType: .ink, withProperties: nil)
annotation.backgroundColor = .blue

// OVER HERE 
path.apply(CGAffineTransform(scaleX: 1.0, y: -1.0))
path.apply(CGAffineTransform(translationX: 0, y: rect.size.height))

annotation.add(path)

// Add annotation to the first page
page.addAnnotation(annotation)

pdfView?.document?.page(at: 0)?.addAnnotation(annotation)

此解决方案的灵感来自 Apple Developer Documentation example。

这有点棘手，因为 PDFKit 坐标系使用 bottom/left 作为原点，x 轴从左到右，y 轴从下到上。这与原点相反：top/left，x：从左到右和 y：从上到下模式通常在 iOS 上遇到。但这就是我们正在做的事情：

CGAffineTransform(scaleX: 1.0, y: -1.0) - 将 y 坐标缩放到 -1.0 使您的路径围绕 x 轴翻转 180 度（该轴在视觉上是rect）。这意味着 path 现在位于 rect 的下方，这可能会给您留下它已经消失的印象（您甚至无法通过捕获视图层次结构找到它，因为它会向您显示整个 PDFView作为一个 UIView 组件，它可能会让你发疯，也可能不会。
CGAffineTransform(translationX: 0, y: rect.size.height) - 现在 path 位于 rect 的底部（但实际上根据 PDFKit 坐标位于 "top"系统），我们需要把它带回可见区域。这就是为什么我们需要应用翻译转换将 path 向上（或向下 - 再次感谢 PDFKit）移动到 rect.

希望对您有所帮助！干杯

围绕 x 轴旋转 BezierPath 以获得 PDF 注释 Swift 4 iOS

Rotate BezierPath around the x axis for PDF annotation Swift 4 iOS

rotation

cgaffinetransform

ios

uibezierpath

swift