绘制贝塞尔曲线

C# 三阶阶贝塞尔曲线控制点的计算

使用贝塞尔曲线可以把原来存在角度的折线变成圆滑的曲线,被大量运用在绘图,图表,动画等领域
贝塞尔曲线

控制点

从上图可以看出一条三阶贝塞尔曲线 由起始点p0,结束点p3, 和两个控制点 p1、p2 组成,通过改变控制点,可以决定曲线的曲率

控制点计算代码

在实际项目中,我们往往能很容易获得 起始点和结束点,而控制点却需要计算

/// <summary>
/// 计算三阶贝塞尔关键点
/// </summary>
/// <param name="p1">坐标 A</param>
/// <param name="p2">坐标 B</param>
/// <param name="last">A的上一个点</param>
/// <param name="next">B的下一个点</param>
/// <returns>
/// Point[0] = 它表示曲线的起始点
/// Point[1] = 它表示曲线的第一个控制点
/// Point[2] = 它表示曲线的第二个控制点
/// Point[3] = 它表示曲线的结束点
/// </returns>
private Point[] CalcControlPoints(Point p1, Point p2, Point last, Point next)
{
    float scale = 0.16f;

    float ctrl1_x = p1.X + scale * (p2.X - last.X);
    float ctrl1_y = p1.Y + scale * (p2.Y - last.Y);

    float ctrl2_x = p2.X - scale * (next.X - p1.X);
    float ctrl2_y = p2.Y - scale * (next.Y - p1.Y);

    var arr = new Point[4];
    arr[0] = p1;
    arr[3] = p2;
    arr[1] = new Point(Convert.ToInt32(ctrl1_x), Convert.ToInt32(ctrl1_y));
    arr[2] = new Point(Convert.ToInt32(ctrl2_x), Convert.ToInt32(ctrl2_y));
    return arr;
}

实际效果图

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值