xaml - Xaml 路径说明

Question

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

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

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

任何人都可以使用这个例子解释加号的轮廓是如何绘制的吗？

然后我可以继续，例如让它更大一些。

标签： xamlpath

Answer 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 命令关闭路径。