image-processing - 如何创建一个中间空的半透明图像

Question

我想创建一个半透明的图像，中间有一个空矩形，如下所示：

我如何实现这一目标？谢谢

Answer 1

最简单和更灵活的方法（它将允许您使用百分比或固定位置和大小）可能只是使用 4 个矩形，如下所示：

 <Grid Opacity="0.5">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="150"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="250"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Rectangle Fill="Black" Grid.ColumnSpan="3"/>
        <Rectangle Fill="Black" Grid.Row="1"/>
        <Rectangle Fill="Black" Grid.Row="2" Grid.ColumnSpan="3"/>
        <Rectangle Fill="Black" Grid.Row="1" Grid.Column="2"/>
    </Grid>

或者您可以使用路径几何：

 <Path  StrokeThickness="0" Fill="Black" Opacity=".5" >
        <Path.Data>
            <GeometryGroup FillRule="EvenOdd">
                <RectangleGeometry Rect="50,50,100,100" />
                <RectangleGeometry Rect="0,0,300,200"  />
            </GeometryGroup>
        </Path.Data>
    </Path>