Wednesday, 7 April 2010

3D Ellipse in Xaml

2010-04-07 22-22-37

This example is using gradient to make the ellipse look like as  a 3d Ellipse .

here is the source code of the example. Because the code is short and easy to understand ,So just have a  look.

 

<Canvas>
  <Ellipse Canvas.Left ="120" Canvas.Top="60" Stroke="black" Margin="25,50,0,0" StrokeThickness="4" Height="100" Width="100">
    <Ellipse.Fill>
      <RadialGradientBrush Center="0.5,0.5" GradientOrigin="0.144,0.303">
        <GradientStop Color="LightBlue" Offset="0.1" />
        <GradientStop Color="SkyBlue" Offset="0.3" />
        <GradientStop Color="Blue" Offset="0.7" />
        <GradientStop Color="DarkBlue" Offset="1" />
      </RadialGradientBrush>
    </Ellipse.Fill>
  </Ellipse>
</Canvas>

0 comments:

Post a Comment