Xaml路径说明

时间:2019-07-11 09:41:29

标签: xaml path

我试图更好地了解Canvas上的XAML路径语言。

文档几乎没有介绍,至少我不能直接理解加号 + 的以下Path

Path Data="M19,13H 13V 19H 11V 13H 5V 11H 11V 5H 13V 11H 19V 13Z" 

有人可以解释使用此示例如何绘制加号的轮廓吗?

然后我可以继续进行例如使其更大一些。

2 个答案:

答案 0 :(得分:1)

您看到了吗?此迷你语言的命令说明:

https://docs.microsoft.com/en-us/dotnet/framework/wpf/graphics-multimedia/path-markup-syntax

您的示例为:路径数据=“ M19,13H 13V 19H 11V 13H 5V 11H 11V 5H 13V 11H 19V 13Z”。

在您的示例中,M表示起点19,13。然后H画一条水平线到坐标13(因此到点[13,13]),然后V画一条垂直线到坐标19(到[13,19]),依此类推。 Z命令关闭路径。

答案 1 :(得分:0)

哦,我明白了。首先,我必须将其阅读为

M19,13 H13 V19 H11 V13 H5 V11 H11 V5 H13 V11 H19 V13 Z

大写字母是指相对于画布左上角的中心0的绝对位置。 在这种情况下,画布上的后续位置是

    19,13 -> 13,13 -> 13,19 -> 11,19 -> 11,13 -> 5,13 ->   
    5,11 -> 11,11 -> 11,5 -> 13,5 -> 13,11 -> 19,11 -> 19,13

该行的宽度为2个像素(13-11),总高度/宽度为14,
因为19-13 = 11-5 = 6所以2 x 6 + 2 = 14。

例如通过将19更改为22,将5更改为2,在相同厚度下加号会变大。