ios 贝塞尔曲线轨迹更加平滑

iOS贝塞尔曲线平滑处理技术

最新推荐文章于 2025-08-07 10:17:31 发布

原创

最新推荐文章于 2025-08-07 10:17:31 发布 · 6.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#iOS #贝塞尔曲线 #平滑曲线

本文介绍了如何解决在iOS应用中使用贝塞尔曲线绘制时可能出现的不平滑问题。通过提供一种基于Catmull-Rom插值技术的方法，通过对曲线上增加点的数量进行插值，以达到更平滑的视觉效果。代码示例展示了如何实现这一过程，通过增加点的数量和调整插值系数，使得曲线在快速画线时也能保持平滑。

在使用贝塞尔曲线画图的时候，在画线速度比较快的时候可能会出现不够平滑的现象，所以我们要处理一下这样的问题，首先我将代码附在下面，在这段代码之前要获得这个贝塞尔曲线上的点，在我的博客中有一篇文章就是介绍怎么获得贝塞尔曲线上的点的，代码如下：

#define POINT(_INDEX_) [(NSValue *)[points objectAtIndex:_INDEX_] CGPointValue]

@implementation UIBezierPath (Smoothing)

- (UIBezierPath *)smoothedPath:(int)granularity
{
    NSMutableArray *points = [self.points mutableCopy];
    if (points.count < 4) {
        return [self copy];
    }
    
    UIBezierPath *smoothedPath = [UIBezierPath bezierPath];
    smoothedPath.lineWidth = self.lineWidth;
    [smoothedPath moveToPoint:POINT(0)];
    [smoothedPath addLineToPoint:POINT(1)];
    for (int index = 3; index < points.count; index ++) {
        CGPoint p0 = POINT(index - 3);
        CGPoint p1 = POINT(index - 2);
        CGPoint p2 = POINT(index - 1);
        CGPoint p3 = POINT(index);
        for (int i = 1; i < granularity; i++) {
            float t = (float)i * (1.0 / granularity);
            float tt = t * t;

最低0.47元/天解锁文章