Use RadialGradientBrush to fill Ellipse : RadialGradientBrush « Graphics « Silverlight






Use RadialGradientBrush to fill Ellipse

Use RadialGradientBrush to fill Ellipse
   

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
<Canvas xmlns="http://schemas.microsoft.com/client/2007">

    <Ellipse Width="450" Height="450">
        <Ellipse.Fill>
            <RadialGradientBrush>
                <RadialGradientBrush.GradientStops>
                    <GradientStop Color="White" Offset="0"/>
                    <GradientStop Color="Black" Offset="1"/>
                </RadialGradientBrush.GradientStops>
            </RadialGradientBrush>
        </Ellipse.Fill>
    </Ellipse>

</Canvas>

</UserControl>

   
    
    
  








Related examples in the same category

1.XAML That Implements a RadialGradientBrush to a Rectangle Control
2.Radial Color GradientsRadial Color Gradients
3.RadialGradientBrush Opacity from 1 to 0
4.RadialGradientBrush examples and Define GradientStop in Resource
5.RadialGradientBrush GradientOriginRadialGradientBrush GradientOrigin
6.RadialGradientBrush Rectangle.StrokeRadialGradientBrush Rectangle.Stroke
7.Radial Gradient Brush with offset 0.5Radial Gradient Brush with offset 0.5
8.A Radial Gradient with an Offset Center
9.Transform RadialGradientBrushTransform RadialGradientBrush
10.A basic RadialGradientBrushA basic RadialGradientBrush
11.Comparing various uses of the RadiusX and RadiusY properties of the RadialGradientBrushComparing various uses of the RadiusX and RadiusY properties of the RadialGradientBrush