Use OpacityMask and RadialGradientBrush : RadialGradientBrush « Windows Presentation Foundation « VB.Net Tutorial






<Window x:Class="OpacityMaskExample"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title=""
  Height="430" Width="300">
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Grid Grid.Row="0" Margin="5">
      <Grid.Background>
        <ImageBrush ImageSource="c:\image.jpg" />
      </Grid.Background>
      <Ellipse Width="200" Height="200" StrokeThickness="0"
        Fill="Yellow" Margin="20">
        <Ellipse.OpacityMask>
          <RadialGradientBrush GradientOrigin="0.5,0.5"
            Center="0.5,0.5" RadiusX="1" RadiusY="1">
            <GradientStop Offset="0" Color="Transparent" />
            <GradientStop Offset="1" Color="Yellow" />
          </RadialGradientBrush>
        </Ellipse.OpacityMask>
      </Ellipse>
    </Grid>



  </Grid>
</Window>
WPF Use Opacity Mask And Radial Gradient Brush








16.80.RadialGradientBrush
16.80.1.RadialGradientBrush ExamplesRadialGradientBrush Examples
16.80.2.Fill with offset RadialGradientBrushFill with offset RadialGradientBrush
16.80.3.Using a RadialGradientBrushUsing a RadialGradientBrush
16.80.4.Using RadialGradientBrush to fill a RectangleUsing RadialGradientBrush to fill a Rectangle
16.80.5.RadialGradientBrush.RelativeTransformRadialGradientBrush.RelativeTransform
16.80.6.Use OpacityMask and RadialGradientBrushUse OpacityMask and RadialGradientBrush
16.80.7.RotateTransform RadialGradientBrush.TransformRotateTransform RadialGradientBrush.Transform
16.80.8.RadialGradientBrush and GradientStopRadialGradientBrush and GradientStop
16.80.9.Centered RadialGradientBrush static resourceCentered RadialGradientBrush static resource