Cubic bezier Curves and Linear Gradients
<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>
<Path Canvas.Left="20" Canvas.Top="20"
Data="M0,110 C200,1150 1400,300 20,250"
Stroke="Blue" StrokeThickness="4"
StrokeDashArray="4 4 4 4">
<Path.Fill>
<LinearGradientBrush StartPoint="0 1"
EndPoint="1 0">
<GradientStop Color="#C0C040" Offset="0.00"/>
<GradientStop Color="#303000" Offset="0.30"/>
<GradientStop Color="#FF0F0F" Offset="0.60"/>
<GradientStop Color="#101000" Offset="0.90"/>
</LinearGradientBrush>
</Path.Fill>
</Path>
<Path Canvas.Left="300" Canvas.Top="20"
Data="M200,150 C0,110 400,300 120,250"
Stroke="Blue" StrokeThickness="4"
StrokeDashArray="12 12 12 12">
<Path.Fill>
<LinearGradientBrush StartPoint="0 1"
EndPoint="1 0">
<GradientStop Color="#C0C040" Offset="0.00"/>
<GradientStop Color="#303000" Offset="0.30"/>
<GradientStop Color="#FF0F0F" Offset="0.60"/>
<GradientStop Color="#101000" Offset="0.90"/>
</LinearGradientBrush>
</Path.Fill>
</Path>
</Canvas>
</UserControl>
Related examples in the same category