WPF如何繪制光滑連續(xù)貝塞爾曲線(xiàn)示例代碼
1.需求
WPF本身沒(méi)有直接把點(diǎn)集合繪制成曲線(xiàn)的函數(shù)??梢酝ㄟ^(guò)貝塞爾曲線(xiàn)函數(shù)來(lái)繪制?! ?/p>
貝茲曲線(xiàn)由線(xiàn)段與節(jié)點(diǎn)組成,節(jié)點(diǎn)是可拖動(dòng)的支點(diǎn),線(xiàn)段像可伸縮的皮筋,我們?cè)诶L圖工具上看到的鋼筆工具就是來(lái)做這種矢量曲線(xiàn)的。當(dāng)然在一些比較成熟的位圖軟件中也有貝塞爾曲線(xiàn)工具,如PhotoShop等。
貝塞爾曲線(xiàn)類(lèi)是:BezierSegment,三次貝塞爾曲線(xiàn),通過(guò)兩個(gè)控制點(diǎn)來(lái)控制開(kāi)始和結(jié)束方向。
QuadraticBezierSegment,二次貝塞爾,通過(guò)一個(gè)控制點(diǎn)來(lái)控制彎曲方向。
本文使用的是三次。
圖片來(lái)源維基百科
2.思路
大值思路是根據(jù)當(dāng)前點(diǎn),前一個(gè)點(diǎn),后一個(gè)點(diǎn),再后一個(gè)點(diǎn)。共四個(gè)點(diǎn),來(lái)生成一條三次貝塞爾曲線(xiàn)。
曲線(xiàn)需要(開(kāi)始點(diǎn),結(jié)束點(diǎn),控制點(diǎn)1,控制點(diǎn)2),圖中標(biāo)識(shí)的兩個(gè)紅色點(diǎn)即是控制點(diǎn)。
代碼主要是計(jì)算兩個(gè)紅色的控制點(diǎn)。
先計(jì)算相鄰點(diǎn)的中點(diǎn)【橙色】。
再將中點(diǎn)的連線(xiàn)平移到相鄰的位置【藍(lán)色點(diǎn)】,取得虛線(xiàn),得到虛線(xiàn)的端點(diǎn)【紅色】。
紅色,即為控制點(diǎn)。
3.主要代碼
/// <summary>
 /// 獲得貝塞爾曲線(xiàn)
 /// </summary>
 /// <param name="currentPt">當(dāng)前點(diǎn)</param>
 /// <param name="lastPt">上一個(gè)點(diǎn)</param>
 /// <param name="nextPt1">下一個(gè)點(diǎn)1</param>
 /// <param name="nextPt2">下一個(gè)點(diǎn)2</param>
 /// <returns></returns>
 private BezierSegment GetBezierSegment(Point currentPt, Point lastPt, Point nextPt1, Point nextPt2)
 {
  //計(jì)算中點(diǎn)
  var lastC = GetCenterPoint(lastPt, currentPt);
  var nextC1 = GetCenterPoint(currentPt, nextPt1); //貝塞爾控制點(diǎn)
  var nextC2 = GetCenterPoint(nextPt1, nextPt2);
  //計(jì)算相鄰中點(diǎn)連線(xiàn)跟目的點(diǎn)的垂足
  //效果并不算太好,因?yàn)榭赡茳c(diǎn)在兩個(gè)線(xiàn)上或者線(xiàn)的延長(zhǎng)線(xiàn)上,計(jì)算會(huì)有誤差
  //所以就直接使用中點(diǎn)平移方法。
  //var C1 = GetFootPoint(lastC, nextC1, currentPt);
  //var C2 = GetFootPoint(nextC1, nextC2, nextPt1);
  //計(jì)算“相鄰中點(diǎn)”的中點(diǎn)
  var c1 = GetCenterPoint(lastC, nextC1);
  var c2 = GetCenterPoint(nextC1, nextC2);
  //計(jì)算【"中點(diǎn)"的中點(diǎn)】需要的點(diǎn)位移
  var controlPtOffset1 = currentPt - c1;
  var controlPtOffset2 = nextPt1 - c2;
  //移動(dòng)控制點(diǎn)
  var controlPt1 = nextC1 + controlPtOffset1;
  var controlPt2 = nextC1 + controlPtOffset2;
  //如果覺(jué)得曲線(xiàn)幅度太大,可以將控制點(diǎn)向當(dāng)前點(diǎn)靠近一定的系數(shù)。
  controlPt1 = controlPt1 + 0 * (currentPt - controlPt1);
  controlPt2 = controlPt2 + 0 * (nextPt1 - controlPt2);
  var bzs = new BezierSegment(controlPt1, controlPt2, nextPt1, true);
  return bzs;
 }
效果圖如下:
4.源碼下載
http://xiazai.jb51.net/201804/yuanma/WPF-BezierSegment(jb51.net).rar
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)我們的支持。
欄 目:C#教程
下一篇:C# Oracle批量插入數(shù)據(jù)進(jìn)度條的實(shí)現(xiàn)代碼
本文標(biāo)題:WPF如何繪制光滑連續(xù)貝塞爾曲線(xiàn)示例代碼
本文地址:http://www.jygsgssxh.com/a1/C_jiaocheng/5207.html
您可能感興趣的文章
- 01-10WinForm繪制圓角的方法
 - 01-10Extjs4如何處理后臺(tái)json數(shù)據(jù)中日期和時(shí)間
 - 01-10asp.net中XML如何做增刪改查操作
 - 01-10C#及WPF獲取本機(jī)所有字體和顏色的方法
 - 01-10WPF實(shí)現(xiàn)類(lèi)似360安全衛(wèi)士界面的程序源碼分享
 - 01-10C#繪制曲線(xiàn)圖的方法
 - 01-10C#.NET中如何批量插入大量數(shù)據(jù)到數(shù)據(jù)庫(kù)中
 - 01-10WPF實(shí)現(xiàn)時(shí)鐘特效
 - 01-10超炫酷的WPF實(shí)現(xiàn)Loading控件效果
 - 01-10解析C#中的常量及如何在C#編程中定義常量
 


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
 - 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
 - 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
 - 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
 - 5c語(yǔ)言計(jì)算三角形面積代碼
 - 6什么是 WSH(腳本宿主)的詳細(xì)解釋
 - 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
 - 8正則表達(dá)式匹配各種特殊字符
 - 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
 - 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
 
本欄相關(guān)
- 01-10C#通過(guò)反射獲取當(dāng)前工程中所有窗體并
 - 01-10關(guān)于ASP網(wǎng)頁(yè)無(wú)法打開(kāi)的解決方案
 - 01-10WinForm限制窗體不能移到屏幕外的方法
 - 01-10WinForm繪制圓角的方法
 - 01-10C#實(shí)現(xiàn)txt定位指定行完整實(shí)例
 - 01-10WinForm實(shí)現(xiàn)仿視頻播放器左下角滾動(dòng)新
 - 01-10C#停止線(xiàn)程的方法
 - 01-10C#實(shí)現(xiàn)清空回收站的方法
 - 01-10C#通過(guò)重寫(xiě)Panel改變邊框顏色與寬度的
 - 01-10C#實(shí)現(xiàn)讀取注冊(cè)表監(jiān)控當(dāng)前操作系統(tǒng)已
 
隨機(jī)閱讀
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
 - 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
 - 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
 - 04-02jquery與jsp,用jquery
 - 01-10delphi制作wav文件的方法
 - 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
 - 01-10C#中split用法實(shí)例總結(jié)
 - 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置
 - 01-11Mac OSX 打開(kāi)原生自帶讀寫(xiě)NTFS功能(圖文
 - 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
 


