Cubic bezier Curves and Linear Gradients : Curve « Shapes « Silverlight






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

1.Quadratic bezier Curve
2.Rendering Cubic bezier Curves
3.Double Cubic bezier Curves
4.Double Reflected Cubic Curves
5.Cubic Quadratic Curves
6.Curves: SpreadMethod, RadiusX, RadiusY
7.Rendering Bezier Curves with Clip Objects
8.Bezier Curves and BezierSegment Objects
9.quadratic Bezier curve
10.Cubic Bezier, Smooth Bezier, Quadratic Bezier, Smooth QuadraticCubic Bezier, Smooth Bezier, Quadratic Bezier, Smooth Quadratic