箭头

Question

我试图画出简单的＆＃34; up＆＃34;这段代码的箭头：

    <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>

我在屏幕上看不到对称箭头。

我想了解这个＆＃34;魔法＆＃34;。

Answer 1

您创建了一个120x120的路径。坐标0,0是左上角。

<60> M 60,60 - ＆gt;移动到Path对象的正中心x = 60，y = 60

L 60,0 - ＆gt;从最后一个坐标（60,60）到x = 60，y = 0（直线向上）绘制一条线

L 50,10 - >从最后一个坐标（60,0）到x = 50，y = 10（向左10和向下10）画一条线

L 60,0 - >从最后一个坐标（50,10）到x = 60，y = 0绘制一条线（向右和向右追溯10行）

L 70,10 - ＆gt;画一条线从最后一个坐标（60,0）到x = 70，y = 10（到右边10和下边10）

它不对称的原因是因为你沿着箭头的左臂回溯。这会在该点添加连接，并且由于笔划粗细，基本上会在那里添加更多连接。

你可以这样解决：

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