canvas wpf

Canvas是WPF中的一个控件，用于在一个二维平面上放置和布局其他UI元素。它允许我们使用Canvas.Left和Canvas.Top属性来指定元素在Canvas上的位置。Canvas控件可以包含多个子元素，并且可以使用Canvas控件属性对这些子元素进行定位。

例如，引用中的示例代码演示了如何在一个Canvas上放置一个Button和一个TextBlock，并使用Canvas.Left和Canvas.Top属性指定它们的位置。这个Canvas的宽度和高度分别为200，Button位于Canvas的左上角，位置为(50, 50)，TextBlock位于Canvas的左上角的右下方，位置为(100, 100)。

类似地，引用中的示例代码展示了如何使用Canvas控件属性对多个Rectangle元素进行定位。每个Rectangle都有指定的Canvas.Left和Canvas.Top属性值，分别决定了它们在Canvas上的位置。这个Canvas的背景色为LightCyan，包含三个Rectangle，它们的位置和大小由Canvas.Left、Canvas.Top、Height和Width属性确定。

最后，引用中的示例代码也是创建了一个Canvas，并使用Canvas控件属性对三个Rectangle元素进行定位。这个Canvas的背景色为LightCyan，每个Rectangle都有指定的Canvas.Left和Canvas.Top属性值来确定它们在Canvas上的位置。

总之，Canvas是一个用于布局其他UI元素的容器控件，我们可以使用Canvas.Left和Canvas.Top属性来指定元素在Canvas上的位置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [【愚公系列】2023年07月 WPF控件专题 Canvas控件详解](https://blog.csdn.net/aa2528877987/article/details/119523215)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [WPF 入门教程Canvas布局](https://blog.csdn.net/liaohaiyin/article/details/123843971)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]