贝塞尔曲线(Bezier Curve)原理及公式推导

article/2025/11/9 17:46:31

1. 定义

贝塞尔曲线(Bezier curve),又称贝兹曲线贝济埃曲线,是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线,贝兹曲线由线段节点组成,节点是可拖动的支点,线段像可伸缩的皮筋,我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。贝塞尔曲线是计算机图形学中相当重要的参数曲线,在一些比较成熟的位图软件中也有贝塞尔曲线工具,如PhotoShop等。

贝塞尔曲线的一些特性:

  • 使用 n n n个控制点 { P 1 , P 2 , . . . , P n } \{P_1,P_2,...,P_n\} {P1,P2,...,Pn}来控制曲线的形状
  • 曲线通过起始点 P 1 P_1 P1和终止点 P n P_n Pn,接近但不通过中间点 P 2 P_2 P2~ P n − 1 P_{n-1} Pn1

2. 直观理解

Step 1. 在二维平面内选三个不同的点并依次用线段连接

在这里插入图片描述

Step 2. 在线段 A B AB AB B C BC BC上找到 D D D E E E两点,使得 A D D B = B E E C \frac{AD}{DB}=\frac{BE}{EC} DBAD=ECBE

在这里插入图片描述

Step 3. 连接 D E DE DE,并在 D E DE DE上找到 F F F点,使其满足 D F F E = A D D B = B E E C \frac{DF}{FE}=\frac{AD}{DB}=\frac{BE}{EC} FEDF=DBAD=ECBE(抛物线的三切线定理)

在这里插入图片描述
Step 4. 找出符合上述条件的所有点

在这里插入图片描述
上述为一个二阶贝塞尔曲线。同样的有 n n n阶贝塞尔曲线:

曲线图示
一阶在这里插入图片描述
三阶在这里插入图片描述
四阶在这里插入图片描述
五阶在这里插入图片描述

3. 公式推导

3.1 一次贝塞尔曲线(线性公式)

定义:给定点 P 0 P_0 P0 P 1 P_1 P1,线性贝塞尔曲线只是一条两点之间的直线,这条线由下式给出,且其等同于线性插值:
B ( t ) = P 0 + ( P 1 − P 0 ) t = ( 1 − t ) P 0 + t P 1 , t ∈ [ 0 , 1 ] B(t)=P_0+(P_1-P_0)t=(1-t)P_0+tP_1,\text{ } t\in[0,1] B(t)=P0+(P1P0)t=(1t)P0+tP1, t[0,1]

在这里插入图片描述

其中,公式里的 P 0 P_0 P0 P 1 P_1 P1同步表示为其 x x x y y y轴坐标。

假设 P 0 P_0 P0坐标为 ( a , b ) (a,b) (a,b) P 1 P_1 P1坐标为 ( c , d ) (c,d) (c,d) P 2 P_2 P2坐标为 ( x , y ) (x,y) (x,y),则有:

x − a c − x = t 1 − t ⇒ x = ( 1 − t ) a + t c (3-1) \frac{x-a}{c-x}=\frac{t}{1-t} \Rightarrow x=(1-t)a+tc \tag{3-1} cxxa=1ttx=(1t)a+tc(3-1)

同理有:

y − b d − y = t 1 − t ⇒ y = ( 1 − t ) b + t d (3-2) \frac{y-b}{d-y}=\frac{t}{1-t} \Rightarrow y=(1-t)b+td \tag{3-2} dyyb=1tty=(1t)b+td(3-2)

于是可将 ( 3 − 1 ) ( 3 − 2 ) (3-1) (3-2) (31)(32)简写为:

B ( t ) = ( 1 − t ) P 0 + t P 1 , t ∈ [ 0 , 1 ] (3-3) B(t)=(1-t)P_0+tP_1 ,\text{ } t\in[0,1] \tag{3-3} B(t)=(1t)P0+tP1, t[0,1](3-3)

3.2 二次贝塞尔曲线(二次方公式)

定义:二次贝塞尔曲线的路径由给定点 P 0 P_0 P0 P 1 P_1 P1 P 2 P_2 P2的函数 B ( t ) B(t) B(t)给出:
B ( t ) = ( 1 − t ) 2 P 0 + 2 t ( 1 − t ) P 1 + t 2 P 2 , t ∈ [ 0 , 1 ] B(t)=(1-t)^{2} P_0+2t(1-t)P_1+t^2P_2,\text{ } t\in [0,1] B(t)=(1t)2P0+2t(1t)P1+t2P2, t[0,1]

在这里插入图片描述

假设 P 0 P 1 P_0P_1 P0P1上的点为 A A A P 1 P 2 P_1P_2 P1P2上的点为 B B B A B AB AB上的点为 C C C(也即 C C C为曲线上的点。则根据一次贝塞尔曲线公式有:

A = ( 1 − t ) P 0 + t P 1 B = ( 1 − t ) P 1 + t P 2 C = ( 1 − t ) A + t B (3-4) \begin{array}{l} A=(1-t)P_0+tP_1 \\ B=(1-t)P_1+tP_2 \\ C=(1-t)A+tB \end{array} \tag{3-4} A=(1t)P0+tP1B=(1t)P1+tP2C=(1t)A+tB(3-4)

将上式中 A A A B B B带入 C C C中,即可得到二次贝塞尔曲线的公式:

B ( t ) = ( 1 − t ) 2 P 0 + 2 t ( 1 − t ) P 1 + t 2 P 2 , t ∈ [ 0 , 1 ] (3-5) B(t)=(1-t)^{2} P_0+2t(1-t)P_1+t^2P_2,\text{ } t\in [0,1] \tag{3-5} B(t)=(1t)2P0+2t(1t)P1+t2P2, t[0,1](3-5)

3.3 三次贝塞尔曲线(三次方公式)

同理可得三次贝塞尔曲线公式:

B ( t ) = ( 1 − t ) 3 P 0 + 3 t ( 1 − t ) 2 P 1 + 3 t 2 ( 1 − t ) P 2 + t 3 P 3 , t ∈ [ 0 , 1 ] (3-6) B(t)=(1-t)^{3} P_0+3t(1-t)^2P_1+3t^2(1-t)P_2+t^3P_3,\text{ } t\in [0,1] \tag{3-6} B(t)=(1t)3P0+3t(1t)2P1+3t2(1t)P2+t3P3, t[0,1](3-6)

3.4 n n n次贝塞尔曲线(一般参数公式)

定义:给定点 P 0 , P 1 , . . . , P n P_0,P_1,...,P_n P0,P1,...,Pn,则 n n n次贝塞尔曲线由下式给出:
在这里插入图片描述

n n n次贝塞尔曲线的公式可由如下递归表达:

P 0 n = ( 1 − t ) P 0 n − 1 + t P 1 n − 1 , t ∈ [ 0 , 1 ] (3-7) P_0^n=(1-t)P_0^{n-1}+tP_1^{n-1},\text{ }t\in[0,1] \tag{3-7} P0n=(1t)P0n1+tP1n1, t[0,1](3-7)

进一步可以得到贝塞尔曲线的递推计算公式:

P i k { P i , k = 0 ( 1 − t ) P i k − 1 + t P i + 1 k − 1 , k = 1 , 2 , . . . , n ; i = 0 , 1 , . . . , n − k P_i^k \begin{cases} P_i , \text{ } k=0 \\ (1-t)P_i^{k-1}+tP_{i+1}^{k-1} , \text{ } k=1,2,...,n; \text{ } i=0,1,...,n-k \end{cases} Pik{Pi, k=0(1t)Pik1+tPi+1k1, k=1,2,...,n; i=0,1,...,nk

这就是德卡斯特里奥算法(De Casteljau’s algorithm)

参考

[1] https://www.jianshu.com/p/0c9b4b681724
[2] https://www.jianshu.com/p/8f82db9556d2


http://chatgpt.dhexx.cn/article/iMy2igih.shtml

相关文章

Bezier(贝塞尔)曲线小总结

在初学时,我发现Bezier曲线(中文名贝塞尔曲线,想要了解历史发展等的可以看此百度百科:贝塞尔曲线_百度百科)很难理解,故在此写了一篇自己的心得感悟。要理解它最重要的是理解Bernstein基函数。首先&#xf…

Bezier曲线原理—动态解释

Bezier曲线原理 贝塞尔曲线(Bzier curve),又称贝兹曲线或贝济埃曲线,是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线,贝兹曲线由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮…

正确的Bezier曲线的绘制

原文地址:http://blog.csdn.net/mylovestart/article/details/8434310 Bezier曲线是参数多项式曲线,它由一组控制多边形折线(控制多边形)的顶点唯一定义,在控制多边形的各顶点中,只有第一个和最后一个顶点在曲线上,其他的顶点则用以定义曲线的导数,阶次和形状 Bezier曲线的数…

根据Bezier曲线的定义公式实现Bezier曲线的绘制

Bezier曲线的定义公式 Pi是曲线上点的坐标(x,y,(z0)), Bi,n(t)伯恩斯坦公式,绘制Bezier曲线的第一种方法是根据这个公式来绘制。首先看看绘制的效果: (1)计算定义中多项式的值 首先要求伯恩斯…

Bezier曲线描述

Bezier曲线 1.Bezier曲线的定义 当用曲线段拟合曲线f(x)时,可以把曲线表示为许多小线段φi(x)之和,其中φi(x)称为基(混合)函数。 这些基(混合)函数是要用于计算和显示的。因此,经常选择多项式…

Bezier曲线的绘制

Bezier曲线是参数多项式曲线,它由一组控制多边形折线(控制多边形)的顶点唯一定义,在控制多边形的各顶点中,只有第一个和最后一个顶点在曲线上,其他的顶点则用以定义曲线的导数,阶次和形状 Bezier曲线的数学基础是能够在第一个和最后一个顶点之间进行插值的一个多项式混合函数,…

Bezier曲线的生成算法

Bezier曲线的生成方法 生成一条Bezier曲线实际上就是要求出曲线上的点。 1.根据定义直接生成Bezier曲线 定义: 其中 那么生成步骤为: ①首先给出 的递归计算式: ②:将表示成分量形式 由于的计算量大,算法效率不高…

bezier曲线解析与代码(c++)

前言: 作为rhino重度用户,我对于nurbs建模早有耳闻,但对于何为nurbs却不得其解。最近借上《计算机辅助设计》课程的机会,对此作了一些深入的学习,于是在此记录一下一些课程笔记和课后思考。了解nurbs,主要对…

Bezier曲线构造

Bezier曲线构造 曲线公式 曲 线 : C ( u ) ∑ i 0 n B n , i ( u ) P i 基 函 数 : B n , i n ! i ! ( n − i ) ! u i ( 1 − u ) n − i 曲线:C(u) \sum^n_{i0}B_{n,i}(u)P_i\\ 基函数:B_{n,i}\frac{n!}{i!(n-i)!}u^i(1-u)…

java版 贝塞尔曲线算法

public void test() {CvPoint controlPoint[] new CvPoint[4];controlPoint[0] new CvPoint(50, 60); //起点controlPoint[1] new CvPoint(130, 200); //控制点controlPoint[2] new CvPoint(300, 360); //控制点controlPoint[3] new CvPoint(400, 600); //终点int n cont…

Bezier曲线原理及实现代码(c++)

http://devres.zoomquiet.io/data/20110728232822/index.html Bezier曲线原理及实现代码(c) 一、原理: 贝塞尔曲线于1962年,由法国工程师皮埃尔贝塞尔(Pierre Bzier)所广泛发表,他运用贝塞尔曲线…

用Java实现可交互的贝塞尔曲线(Bezier curve)

关于贝塞尔曲线的详细数学原理及公式可参考: 贝塞尔曲线_百度百科 我们来谈谈贝塞尔曲线 本文给出了一种用Java实现贝塞尔曲线的方法,并且可以用鼠标拖动改变锚点。 效果演示图: 这里引用百度百科给出的公式: 二次方公式 三次方…

Bezier曲线简介

Bezier曲线简介 Bezier曲线,又有人叫贝赛尔曲线,贝兹曲线,在计算机绘图中经常被用到,由于前些天事件要用到这个,所以就研究了下。 有了参考资料,其实也不是很复杂。 曲线的介绍(转自维基百科,见…

Bezier曲线原理及其代码实现

Bezier曲线原理及实现代码(c) 一、原理: 贝塞尔曲线于1962年,由法国工程师皮埃尔?贝塞尔(Pierre B?zier)所广泛发表,他运用贝塞尔曲线来为汽车的主体进行设计。贝塞尔曲线最初由 Paul de Cast…

Bezier曲线及其性质

本文为Bezier曲线mooc教程学习笔记。 目录 Bezier曲线与曲面[1] Bezier曲线的背景[2] Bezier曲线[3] Bezier曲线详细定义[4] Bezier曲线举例[5] Bernstein 基函数性质[6] 贝塞尔曲线的性质[7] Bezier曲线的生成[8] Bezier曲线的拼接[9] Bezier曲线的升阶与降阶 Bezier曲线与曲面…

Bezier曲线原理

一、原理: 贝塞尔曲线于1962年,由法国工程师皮埃尔贝塞尔(Pierre Bzier)所广泛发表,他运用贝塞尔曲线来为汽车的主体进行设计。贝塞尔曲线最初由Paul de Casteljau 于1959年运用de Casteljau 算法开发,以稳…

如何将多张图片合成一个pdf?

如何将多张图片合成一个pdf?平时我们都喜欢将word或者ppt文件转换成pdf后再使用,除此之外,我们还会将多张图片合并转换成pdf文件,大家会用什么方法将图片合并成pdf呢?我相信有很多小伙伴会使用这个方法,先将…

怎么把四个图片合成一个图片?

怎么把四个图片合成一个图片?关于图片的合成,我们一般都会用到图片处理软件来进行。但是对于一些职场新人来说,他根本不会用一些专业的图片处理软件,那么这个问题对他来说就是非常棘手的。其实遇到这样的问题,新人朋友…

python将多张图片合并成一张图片

文章目录 说明:合并图片的三个过程1、参考原博主的:2、优化第一个数量问题:3、优化俩个问题(数量不限性状按比例变小)4、优化黑行高度问题5、合成图片不清晰问题:总结下: 说明: 今天…

如何把一张图片分割成几张

把一张图片分割成几张的方法: 工具/原料:硬件:电脑、软件:Photoshop 7.0、系统:Windows10专业版64位操作系统。 1、打开平PS,进入新建文档里面,然后把图片直接拉到界面中。或者直接打开图片。 2…