如何在xaml中的矩形内绘制一个圆孔

时间:2015-05-26 18:43:10

标签: wpf xaml windows-phone-8 canvas

我需要将图像作为整页的背景,并将其放在一个带有透明圆孔的矩形上。示例结果如下。

更新

我找到了一些使用Geometry.Combine的解决方案,但这在WP8中不存在。有了这个方法,我可以绘制一个矩形和一个圆圈,并使用GeometryCombineMode.Exclude进行组合。但是WP8中似乎不存在这种方法。如何创建一些东西,我可以实现与Geometry.Combine类似的结果在元素内创建一个洞?

enter image description here

1 个答案:

答案 0 :(得分:2)

您应该查看Path元素并了解路径数据的mini-language。这是一个粗略的例子:

<Path x:Name="path" Data="M0,100 v-50 h100 a10,10,0,1,0,50,0 h100 v50 z" Fill="Gray" />

基本上:

  1. M ove down 100 px
  2. v ertical line up up 50 px
  3. h orizo​​ntal line 100 px
  4. a 半径为10 px的rc(带有一些魔法;阅读文档;-))
  5. h 100 px的orizo​​ntal line
  6. v 50 px
  7. 的ertical line
  8. ** z *(自动完成路径)