Fill an Ellipse with Gradient color : Ellipse « Shapes « Silverlight

1. Silverlight
2. Shapes
3. Ellipse

Fill an Ellipse with Gradient color

    

<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 x:Name="LayoutRoot" Background="White" >
        <Ellipse Width="150" 
           Height="150" 
           Stroke="Black" 
           StrokeThickness="5">

            <Ellipse.Fill>
                <LinearGradientBrush>
                    <GradientStop Color="Green" Offset="0.0" />
                    <GradientStop Color="Yellow" Offset="0.5" />
                </LinearGradientBrush>
            </Ellipse.Fill>
         </Ellipse>
  </Canvas>
</UserControl>

   
    
    
    
  

Related examples in the same category

1.	Creating an Ellipse
2.	Ellipses with Linear Gradients
3.	Ellipses with Radial Gradients
4.	Silverlight stretches the ellipse to fit the specified bounds.
5.	Ovals
6.	Set the Stroke color and size for Ellipse
7.	Fill a Ellipse with black
8.	Rectangle and Ellipse
9.	An ellipse with a radial fill
10.	Ball by Ellipse