How do I create a half transparent image with empty middle

Question

I want to create a half transparent image with a empty rectangle at the middle like below:

 

How do I achieve this? Thanks

Answer 1

check this
http://social.msdn.microsoft.com/Forums/windowsapps/en-US/4f2a6792-2eaf-4d50-88a9-820a29370676/i-need-a-solution-instead-of-opacitymask?forum=winappswithcsharp

Answer 2

What language and UI are you using? Methods will be different in Xaml, Html, and DirectX.

Let us know and we can help you find the right forum

Answer 3

 I am using C# and XAML. Thanks

Answer 4

I solved it by using following code in my xaml:

<Path  StrokeThickness="0" Fill="Black" Opacity=".5" >
     <Path.Data>
         <GeometryGroup FillRule="EvenOdd">
             <RectangleGeometry Rect="150,150,480,340" />
             <RectangleGeometry Rect="0,0,1366,768"  />
         </GeometryGroup>
     </Path.Data>
</Path>