折線(Polyline)、多邊形(Polygon)
- Polyline
Playline所繪製的圖形由多個線段組成,因此它公開Points屬性,它表示一系列座標點的集合。這些點將用於描述Polyline圖形中各線段相接處的頂點(包括起點和終點)。
Points集合在XAML中可以直接用字串寫上多個點,書寫方法有兩種:
- 每個座標點之間使用至少一個空格開分隔,橫座標和縱座標用英文的逗號分隔。
- 一個座標點的橫座標與縱座標用一個空格來分隔,這時候點與點之間就不能用單個空格來分隔了,因為這樣書寫會很混亂,編譯器無法識別,因此點與點之間至少要用兩個空格來分隔。
示例如下,折線的起點是(50,0),終點是(-50,100):
<Polyline Stroke="SkyBlue" StrokeThickness="10" Width="260" Height="200"
Points="50,0 100,50 50,100 0,50 -50,100" Stretch="Uniform"/>
- Polygon
與Polyline不同,Polygon會把折線段的起點與終點用一根直線連線起來,形成一個閉合的圖形區域。
對於Polygon來說,無論Points集合中定義了多少個頂點,最後都會把起點與終點連線起來。
StrokeDashCap屬性用來指定每一條線段的兩個端點的形狀,即錨點(線帽)的形狀。例如下面示例中,將StrokeDashCap屬性設定為Triangle,表示組成圖形的線段的兩端將呈現為三角形。StrokeDashCap屬性的值由PenLineCap列舉提供。
<Polygon Width="200" Height="200" Stroke="DeepPink" StrokeThickness="9"
Points="100,0 200,100 100,200 0,100" StrokeDashCap="Triangle" Stretch="Uniform"/>
相關文章
- SVG <polygon> 多邊形SVGGo
- SVG <polyline> 繪製折線SVG
- 【IDL】 自動構建泰森多邊形(Voronoi Polygon)Go
- PCB 銅皮(Surface)折線多邊形擴大縮小實現(第一節)
- opencv多邊形逼近OpenCV
- 高德地圖API中折線polyline不能跨越180度經度線的解決方案地圖API
- IDL建立泰森多邊形
- 多邊形填充-活動邊表法
- Qt/C++地圖動態繪製折線多邊形矩形圓形標註點/可編輯拖動調整大小和位置QTC++地圖
- [CSS LEARN]Border與多邊形CSS
- 【JAVA】多邊形重心計算Java
- matlab繪製正多邊形Matlab
- JS 射線法 判斷點是否在多邊形內部JS斷點
- 四邊形輔助線做法
- 微信小程式-測試遊戲生成六邊多邊形微信小程式遊戲
- 視覺化學習:利用向量判斷多邊形邊界視覺化
- 計算任意多邊形的面積(Android)Android
- Python 實現任意多邊形的最大內切圓演算法_任意多邊形最大內切圓演算法Python演算法
- CAD繪圖工具中的正多邊形命令繪圖
- 複雜多邊形的三角剖分
- 如何用SPSS繪製頻率多邊形圖SPSS
- Tableau——資料前處理、折線圖、餅圖(環形圖)
- 單匝不同形狀的線圈(四邊形)
- 百度地圖繪製多邊形區域地圖
- 單一div的正多邊形變換(純CSS)CSS
- 卡特蘭數關於凸多邊形的證明
- 基於C#的多邊形衝突檢測C#
- PCL(26)cropHull任意多邊形內部點雲提取
- 判斷點是否在多邊形內的Python實現及小應用(射線法)斷點Python
- OpenGL 學習 05 花托(剔除 深度測試 多邊形模式)模式
- OpenGL 學習 06 多邊形偏移 裁剪 混合 抗鋸齒
- three.js cannon.js物理引擎之ConvexPolyhedron多邊形JS
- 六邊形架構架構
- echarts折線圖Echarts
- echarts - 折線圖Echarts
- R : 折線圖
- AutoCAD C# 判斷多邊形與點的位置關係C#
- 高德地圖多邊形圍欄例項:javaspringmvc+mysql地圖JavaSpringMVCMySql