Cubic Bezier, Smooth Bezier, Quadratic Bezier, Smooth Quadratic : Curve « Shapes « Silverlight






Cubic Bezier, Smooth Bezier, Quadratic Bezier, Smooth Quadratic

Cubic Bezier, Smooth Bezier, Quadratic Bezier, Smooth Quadratic
  


<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'>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.25*" />
            <ColumnDefinition Width="0.25*" />
            <ColumnDefinition Width="0.25*" />
            <ColumnDefinition Width="0.25*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50" />
            <RowDefinition Height="1.0*" />
        </Grid.RowDefinitions>

        <Path Stroke="Gray" StrokeThickness="5" Data="M 210,20 L 180,20 30,100 80,810" Grid.Column="0" Grid.Row="1" />
        <Path Stroke="Black" StrokeThickness="1" Data="M 210,20 C 180,20 30,100 80,810" Grid.Column="0" Grid.Row="1" />

        <Path Stroke="Gray" StrokeThickness="5" Grid.Column="1" Data="M 210,120 L 80,20 50,60 190,100 150,120" Grid.Row="1" />
        <Path Stroke="Black" StrokeThickness="1" Grid.Column="1" Data="M 210,120 S 80,20 50,160 S 90,100 50,120" Grid.Row="1" />

        <Path Stroke="Gray" StrokeThickness="5" Grid.Column="2" Data="M 210,20 L 80,20 50,60 90,100 50,120" Grid.Row="1" />
        <Path Stroke="Black" StrokeThickness="1" Grid.Column="2" Data="M 210,20 Q 80,20 50,160 Q 90,100 50,120" Grid.Row="1" />

        <Path Stroke="Gray" StrokeThickness="5" Grid.Column="3" Data="M 210,20 L 180,20 50,60 90,100" Grid.Row="1" />
        <Path Stroke="Black" StrokeThickness="1" Grid.Column="3" Data="M 210,20 T 80,120 T 150,60 T 90,100" Grid.Row="1" />

    </Grid>

</UserControl>

   
    
  








Related examples in the same category

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