1. 程式人生 > 其它 >【WPF】WPF的二維路徑標記語法繪圖PathGeometry

【WPF】WPF的二維路徑標記語法繪圖PathGeometry

我們用Path來實現一條直線:

<Path Stroke="Black" StrokeThickness="1" >
        <Path.Data>
            <LineGeometry StartPoint="10,20" EndPoint="100,130" />
        </Path.Data>
    </Path>

這種方式下寫一些簡單的幾何圖形還行,但對於PathGeometry來說有些冗繁,因此XAML採用了一種簡單的路徑標記語法來簡化這一過程,

 <Path Stroke="Black" Fill
="Gray"> <Path.Data> <PathGeometry Figures="M 10,100 L 10,150 Q 10,300 300,-200" /> </Path.Data> </Path>

甚至可以直接簡化為:

<Path Stroke="Black" Fill="Gray" Data="M 10,100 L 10,150 Q 10,300 300,-200" />

這裡簡單解釋下:

M 是值起始點(Move移動到某一個位置)大寫的 M 指示 startPoint 是絕對值;小寫的 m 指示 startPoint 是相對於上一個點的偏移量。

L是繪製一條直線(Line 當前點到指定點的一條直線)

Q / T(平滑)是二次貝塞爾曲線,有兩個點:一個控制點,一個結束點

C / S(平滑)是三次方貝塞爾曲線,有三個點:兩個控制點,一個結束點

H / V 分別是水平直線和垂直直線。

Z 結束。

其他詳細引數:路徑標記語法