檢視貝茲曲線的原始碼

[[分類:數學]][[分類:HTML]]
==二次貝茲曲線==
#二次貝茲曲線畫出的是拋物線，無法畫出橢圓和雙曲線。故無法畫出正圓。
#所有拋物線都「相似」(不是相等)，所有曲率的微線段都有。
#兩端點外只有一個控制點。
#拋物線方程式 ax<sup>2</sup>+bxy+cy<sup>2</sup>+dx+ey+f=0 則 b<sup>2</sup> - 4ac=0 ，即前三項為完全平方式。
===參考===
#[http://www.kut.com.tw/Upload//ProductProbation/File/數學高三甲上第二章第3節主題4觀念一.pdf 二元二次方程式圖形判別的例題]<br/>---------- 擬合圓 ----------
#[https://stackoverflow.com/questions/1734745/how-to-create-circle-with-b%c3%a9zier-curves/1734859 How to create circle with Bézier curves?]
#[https://oomake.com/question/343212 如何使用Bézier曲線創建圓？]
#[https://www.jianshu.com/p/5198d8aa80c1 用三阶贝塞尔曲线拟合圆]

===一、圖形最低點與控制點的關係===
<table class=nicetable><tr>
<td>Q or q<br/>(quadratic<br/>Bézier<br/>curve)</td>
<td colspan=2>x1 y1 x y<br/><img src='http://jendo.org/wiki1231/images/a/a8/SvgPathQ.png' width='200px' height='*'/><br/><span style='font-size:90%'>&lt;path d='M0,0 Q50,50 100,0' style='stroke:black'/&gt;<br/>&lt;path d='m0,0 q50,50 100,0' style='stroke:black'/&gt;</span></td>
<td>從目前點的座標畫條<br/>二次貝茲曲線到指定<br/>點的 x,y 座標：其中<br/> x1,y1 為控制點</td>
</tr></table>
二次貝茲曲線的參數方程為：

B(t)=(1−t)<sup>2</sup>×P<sub>0</sub>+2(1−t)t×P<sub>1</sub>+t<sup>2</sup>×P<sub>2</sub>

其中：
#t 是一個介於 0 到 1 之間的參數
#P<sub>0</sub> 是起點
#P<sub>1</sub> 是控制點
#P<sub>2</sub> 是終點
為了找到最大和最小的 y 值，我們可以對 y 的方程進行微分，並將其設為 0 以找到可能的極值。

給定的點是：
:P<sub>0</sub>=(0,0)
:P<sub>1</sub>=(50,50)
:P<sub>2</sub>=(100,0)
它們代入 y 的方程，我們得到：
:y(t)=(1−t)<sup>2</sup>×0+2(1−t)t×50+t<sup>2</sup>×0=100t(1−t)
對其進行微分：
:y′(t)=100−200t
將斜率設為 0 以解 t：
:100−200t=0
:t=0.5
將 t=0.5 代入 y(t) ，我們得到：
:y(0.5)=100(0.5)(0.5)=25
因此，最低點的 y 值是 25，最高點因為在端點上，所以是 0 。
====(一)起迄點水平排列， y 的極值均在 t=0.5 處====
上述推理完全沒有使用到 x 座標，可見只要起迄點水平排列，'''不論控制點的 x 座標為起迄點的居中或偏左或偏右，都是在 t=0.5 時， y 座標降到控制點垂直距離之半，並且為最低點'''。

==參考文章==
*[https://zh.wikipedia.org/wiki/貝茲曲線 貝茲曲線]
*[http://blog.iderzheng.com/continuous-and-smooth-bezier-curve/ 連續平滑的貝塞爾曲線]