Wpf 箭头的xaml路径数据
我试图通过以下代码绘制简单的“向上”箭头:Wpf 箭头的xaml路径数据,wpf,xaml,Wpf,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> 我在屏幕上看不到对称箭头 我想理解这个“魔法”
<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>
我在屏幕上看不到对称箭头
我想理解这个“魔法” 您已经创建了一个120x120的路径。坐标0,0是左上角 M 60,60->移动到路径对象的中心x=60,y=60 L 60,0->从最后一个坐标(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->从最后一个坐标(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"/>
您的路径数据不正确,对于初学者来说,它是对称的。我要么作弊,要么使用blend、illustrator或inkscape生成路径数据。然而,在这个具体的例子中,我只会使用ascii\unicode图标,如
↑代码>\2191
很好地完成了解释步骤+1.