ios - 围绕 x 轴旋转 BezierPath 用于 PDF 注释 Swift 4 iOS

Question

我正在尝试使用 UIBezierPath 在我的应用程序中使用类型 .ink 注释 PDF。我在下面包含了一段相关代码(可以添加整个示例，但问题仅在于旋转路径)。问题是当我应用这条路径时，它绕 x 轴旋转了 180 度，所以基本上它是上下颠倒的。我希望能够将这条路径围绕 x 轴旋转 180 度，使其看起来像最初预期的那样。我见过绕 z 轴旋转但没有绕 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 坐标系使用底部/左侧作为原点，x 轴从左到右，y 轴从下到上。这与 origin: top/left, x: left-to-right and y: top-to-bottom 模式相反，通常在 iOS 上遇到。但这就是我们正在做的:

• CGAffineTransform(scaleX: 1.0, y: -1.0) - 将 y 坐标缩放到 -1.0 让你的路径翻转围绕 x 轴 180 度(所述轴在视觉上是 rect 的底线)。这意味着 path 现在位于 rect 下方，这可能会给您留下它已经消失的印象(您甚至无法通过捕获 View 层次结构找到它，因为它会将整个 PDFView 显示为一个 UIView 组件，这可能会让您发疯，也可能不会。

• CGAffineTransform(translationX: 0, y: rect.size.height) - 现在 path 位于 rect< 的底部 (但实际上根据 PDFKit 坐标系在“顶部”)，我们需要将它带回可见区域。这就是为什么我们需要应用翻译转换将 path 向上(或向下 - 再次感谢 PDFKit)移动到 rect 中。

希望对您有所帮助!干杯