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






Fill an Ellipse with Gradient color

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 EllipseCreating an Ellipse
2.Ellipses with Linear GradientsEllipses with Linear Gradients
3.Ellipses with Radial GradientsEllipses with Radial Gradients
4.Silverlight stretches the ellipse to fit the specified bounds.Silverlight stretches the ellipse to fit the specified bounds.
5.OvalsOvals
6.Set the Stroke color and size for EllipseSet the Stroke color and size for Ellipse
7.Fill a Ellipse with blackFill a Ellipse with black
8.Rectangle and EllipseRectangle and Ellipse
9.An ellipse with a radial fillAn ellipse with a radial fill
10.Ball by EllipseBall by Ellipse