Draws a diagonal line from (10,10) to (50,50) and moves it 100 pixels to the right : Line « Shapes « Silverlight

1. Silverlight
2. Shapes
3. Line

Draws a diagonal line from (10,10) to (50,50) and moves it 100 pixels to the right

  
<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>
    <Line
      X1="10" Y1="10"
      X2="50" Y2="50"
      StrokeThickness="4"
      Canvas.Left="100">
      <Line.Stroke>
        <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
          <RadialGradientBrush.GradientStops>
            <GradientStop Color="Red" Offset="0" />
            <GradientStop Color="Blue" Offset="0.25" />
          </RadialGradientBrush.GradientStops>
        </RadialGradientBrush>
      </Line.Stroke>
    </Line>

  </Canvas>
</UserControl>

   
    
  

Related examples in the same category

1.	Draws a line from (10,10) to (50,50)
2.	Draw a Grid
3.	Diagonal linear gradient - multiple colors
4.	Diagonal linear gradient multiple colors 2
5.	Diagonal linear gradient with 0.5 Offset for White
6.	Vertical linear gradient
7.	Vertical Line
8.	Horizontal Line