ios - 如何弯曲气球尾部(简单的三角形)

Question

我有一个简单的三角形(用作气球尾部)，我试图将其弯曲成如下所示:

我将尾部形状存储在 CGMutablePathRef 中，绘制如下:

- (void) drawPaths
{
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextAddPath(context, self.mutablePath);

    CGPathRelease(mutablePath);
    CGColorRelease(fillColor);
    CGColorRelease(strokeColor);

}

我正在努力做到这一点，当我向该算法输入某个角度(比如 45 度)时，尾部会像上面的照片一样旋转和弯曲。旋转显然是一个简单的转换，但让它弯曲是我正在努力的事情。我意识到我可能需要使用:CGPathAddQuadCurveToPoint 但是我无法理解将什么设置为我的控制点并且得到了不可预测的结果。即使是这篇精彩的帖子也让我一无所知:Given a CGPath, how to make it curve?

有人知道怎么做吗？

Answer 1

我假设您已经或可以获得路径原点的 x 和 y 坐标 - 气球上路径的末端 - 以及终点 - 三角形的尖端 - 你想要的每个的路径。我们称原点 (xorig, yorig) 和终点 (xend, yend)。为了制作路径曲线，我们需要计算一个合理的二次曲线坐标点，我们称之为(xc，yc)。我相信下面的坐标计算将为您生成一条合理的曲线:

xc = (xorig * 3 + xend) / 4;
yc = (xorig + xend) / 2;
CGPathAddQuadCurveToPoint(mutablePath, NULL, xc, yc, xend, yend).

为了使路径曲线不同，可以在xc的计算中改变xorig和xend的权重。