2016-02-25 71 views
2

XAML路徑數據我已經嘗試繪製簡單「上升」這段代碼箭頭:的箭頭

<Canvas Width="500" Height="500"> 
      <Path Height="120" Width="120" StrokeThickness="1" Stroke="Red" Data="M 60,60 L 60,0 L 50,10 L 60,0 L 70,10"/>   
    </Canvas> 

而且我沒有看到我的屏幕上對稱箭頭。

我想了解這個「魔術」。

+1

你的路徑數據是不正確的它是對稱的對於初學者。我要麼作弊,只是使用混合,插畫或inkscape來生成路徑數據。然而,在這個特定的例子中,我只是使用一個ascii \ unicode圖標,比如'↑''\ 2191' –

回答

4

您已經創建了一個120x120的路徑。座標0,0是左上角。

米60,60 - >移動到路徑對象x = 60的正中心,Y = 60

大號60,0 - >繪製從最後座標(60,60)至x線路= 60,y = 0(直線向上)

L 50,10 - >從最後一個座標(60,0)到x = 50,y = 10畫一條線(向左10和向下10)

大號60,0 - >從最後畫一條線座標(50,10)至x = 60,y = 0時(回溯排隊以及由每個10向右)

大號70,10 - >從中畫一條線最後一個座標(60,0)至x = 70,Y = 10(右下10和10)

enter image description here

的原因,它是不是對稱的,因爲你是沿着左臂回溯箭頭。這在當時增加了一個連接,並且由於您的筆觸粗細,基本上增加了該連線。

可以解決這個問題是這樣的:

 <Path Height="120" Width="120" 
        StrokeThickness="1" Stroke="Red" Data="M 60,60 L 60,0 L 50,10 M60,0 L70,10"/> 

enter image description here

+0

好的工作要解釋它! +1 –