Comparing various uses of the RadiusX and RadiusY properties of the RadialGradientBrush : RadialGradientBrush « Graphics « Silverlight

1. Silverlight
2. Graphics
3. RadialGradientBrush

Comparing various uses of the RadiusX and RadiusY properties of the RadialGradientBrush

   
<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'>

    <Grid x:Name="LayoutRoot" Background="White">
        <Canvas Width="245" Height="75" Background="White">
            <Ellipse Width="75" Height="75" Stroke="Black">
                <Ellipse.Fill>
                    <RadialGradientBrush>
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="Black" Offset="1"/>
                        <GradientStop Color="Gray" Offset="0.5"/>
                    </RadialGradientBrush>
                </Ellipse.Fill>
            </Ellipse>
            <Ellipse Width="75" Height="75" Canvas.Left="85" Stroke="Black">
                <Ellipse.Fill>
                    <RadialGradientBrush RadiusX=".25">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="Black" Offset="1"/>
                        <GradientStop Color="Gray" Offset="0.5"/>
                    </RadialGradientBrush>
                </Ellipse.Fill>
            </Ellipse>
            <Ellipse Width="75" Height="75" Canvas.Left="170" Stroke="Black">
                <Ellipse.Fill>
                    <RadialGradientBrush RadiusY=".25">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="Black" Offset="1"/>
                        <GradientStop Color="Gray" Offset="0.5"/>
                    </RadialGradientBrush>
                </Ellipse.Fill>
            </Ellipse>
        </Canvas>
    </Grid>
</UserControl>

   
    
    
  

Related examples in the same category

1.	XAML That Implements a RadialGradientBrush to a Rectangle Control
2.	Radial Color Gradients
3.	Use RadialGradientBrush to fill Ellipse
4.	RadialGradientBrush Opacity from 1 to 0
5.	RadialGradientBrush examples and Define GradientStop in Resource
6.	RadialGradientBrush GradientOrigin
7.	RadialGradientBrush Rectangle.Stroke
8.	Radial Gradient Brush with offset 0.5
9.	A Radial Gradient with an Offset Center
10.	Transform RadialGradientBrush
11.	A basic RadialGradientBrush