Gradient Origin in WPF

Gradient Origin

To Fill the colors in elliptically we use following properties with Radial Gradient Brush

• Gradient Origin
• Center
• Radius X
• Radius Y

Eg to fill the colors elliptically in a rectangle

Create a new window

      ↓

Go to xaml source

      ↓

write the following code within grid

      ↓

<Grid>

<Rectangle height =”1—“ width=”200”>

<Rectangle.fill>

<Radial Gradient Bruch Gradient origin = “0.5, 0.5”

center = “0.5, 0.5” Radius X = “0.5” Radius Y = “0.5”>

<Gradient stop color=”yellow” offset = “0”/>

<Gradientstop color = “Red” offset = “0.23”/>

<Gradientstop color = “blue” offset =”0.75/>

<Gradientstop color+ “lineGreen” offset+”1”/>

</Radial Gradient Brush>

</Rectangle.fill>

</Rectangle>

Image brush:-

This is used to display the required image within the 2D graphic object like rectangle or ellipse etc.

Properties:-

Image Source  is the property which is used to display required image within the object

Eg With Image Brush:-

Create a new window

      ↓

Go To Xaml-1 Source

      ↓

Write the code in <Grid>

<Grid>

<Rectangle height =”100”, width = “100”>

<Rectangle.fill>

<ImageBrush>

<Image brush Imagesource = “Fl.Jpg”/>

</Image Brush>

</Rectangle-fill>

</Rectangle>