时间戳

首页 > 解决方案 > 如何快速找到 QuadCurve 和 Line UIBezierPaths 之间的交点（CGPoint）？

ios - 如何快速找到 QuadCurve 和 Line UIBezierPaths 之间的交点（CGPoint）？

问题描述

我在自定义视图类中使用 UIBezierPath 绘制了 QuadCurve 和 Line。我怎样才能得到他们的交点作为CGPoint？

贝塞尔路径

对于四边形曲线：

let path = UIBezierPath()
path.lineWidth = 3.0
path.move(to: CGPoint(x: 0, y: self.frame.size.height))
path.addQuadCurve(to: CGPoint(x: self.frame.size.width, y: 0), controlPoint: CGPoint(x: self.frame.size.width-self.frame.size.width/3, y: self.frame.size.height))

对于线路：

let path2 = UIBezierPath()
path2.lineWidth = 3.0
path2.move(to: CGPoint(x: 250, y: 0))
path2.addLine(to: CGPoint(x: 250, y: self.frame.size.height))

标签： iosswiftintersectionuibezierpathbezier

解决方案

如果你的线总是垂直的，计算就很简单：x 坐标是已知的，所以你的任务是找到 y 坐标。二次贝塞尔曲线具有参数表示：

P(t) = P0*(1-t)^2 + 2*P1*(1-t)*t + P2*t^2 = 
       t^2 * (P0 - 2*P1 + P2) + t * (-2*P0 + 2*P1)  + P0

P0, P1, P2 起点、控制点和终点在哪里。

所以你必须解决二次方程

t^2 * (P0.X - 2*P1.X + P2.X) + t * (-2*P0.X + 2*P1.X)  + (P0.X - LineX) = 0

对于未知t，获取范围内的根0..1，并将t值应用于 Y 坐标的类似表达式

Y = P0.Y*(1-t)^2 + 2*P1.Y*(1-t)*t + P2.Y*t^2

对于任意线，建立线参数表示和曲线的方程组，并求解该系统

推荐阅读