<Path> trong xaml dùng để tạo shape và line
Cấu trúc cơ bản:
<Path Data="M 10,100 C 40,0 100,200 200,100" Stroke="Black" StrokeThickness="1"/>
trong đó Data là thuộc tính chính để tạo shape hoặc line
Các lệnh vẽ
M(MoveTo): di chuyển bắt đầu từ một điểm (x,y) ví dụ (10,100)
L (LineTo): vẽ một đường thẳng đến điểm (x,y)
C (Cubic Bezier Curve): vẽ đường cong đến điểm (x,y)
Z (Close the path) kết nối điểm đầu và điểm cuối kết thúc vẽ
Các thuộc tính chính:
Stroke : Màu của đường nét vẽ
StrokeThickness: độ dày nét vẽ
Fill : tô màu (phải dùng Z)
Sau đây là ví dụ về vẽ đường cong và shape trong xaml
Kết quả 
Cấu trúc cơ bản:
<Path Data="M 10,100 C 40,0 100,200 200,100" Stroke="Black" StrokeThickness="1"/>
trong đó Data là thuộc tính chính để tạo shape hoặc line
Các lệnh vẽ
M(MoveTo): di chuyển bắt đầu từ một điểm (x,y) ví dụ (10,100)
L (LineTo): vẽ một đường thẳng đến điểm (x,y)
C (Cubic Bezier Curve): vẽ đường cong đến điểm (x,y)
Z (Close the path) kết nối điểm đầu và điểm cuối kết thúc vẽ
Các thuộc tính chính:
Stroke : Màu của đường nét vẽ
StrokeThickness: độ dày nét vẽ
Fill : tô màu (phải dùng Z)
Sau đây là ví dụ về vẽ đường cong và shape trong xaml
<Path x:Name="Shape"
HorizontalAlignment="Center"
Data="M 10,100 L 100,75 L 10,50 L10,100 Z"
Fill="red"
Stroke="Black"
StrokeThickness="1" />
<Path x:Name="Curve"
Data="M 10,100 C 40,0 100,200 200,100"
Stroke="Black"
StrokeThickness="1" />
Post a Comment