Path gradient and Bezier : Path « Windows Presentation Foundation « C# / C Sharp

1. C# / C Sharp
2. Windows Presentation Foundation
3. Path

Path gradient and Bezier

   

<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Path Canvas.Left="150" Canvas.Top="150" StrokeThickness="25">
        <Path.Stroke>
            <LinearGradientBrush>
                <LinearGradientBrush.GradientStops>
                    <GradientStop Offset="0.00" Color="Red" />
                    <GradientStop Offset="0.84" Color="Red" />
                    <GradientStop Offset="1.00" Color="Violet" />
                </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
        </Path.Stroke>
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigure StartPoint="0 -100">
                        <PolyBezierSegment 
                            Points=" -55 -100, -100  -55, -100    0,
                                    -100   55,  -55  100,    0  100,
                                     100  -50,   55 -100,    0 -100" />
                    </PathFigure>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>
</Canvas>

   
    
    
  

Related examples in the same category

1.	Multiple Subpaths with PathFigure
2.	Close Path Command with PathFigure
3.	Drawn with a Path Shape with Geometry
4.	Vertical Line
5.	Horizontal Line
6.	Cubic Bezier Curve with BezierSegment
7.	Line with PathGeometry
8.	Elliptical Arc
9.	Quadratic Bezier Curve with PathFigure
10.	Creates a composite shape from three geometries. This GeometryGroup has a FillRule of NonZero
11.	Creates a composite shape from three geometries
12.	Multiple Subpaths
13.	Close Path Command
14.	Elliptical Arc Path
15.	Vertical Line with Path
16.	Horizontal Line with Path
17.	Line with Path
18.	Combines two geometries using the intersect combine mode
19.	Transform Path defined in Resource
20.	Difference between CounterClockwise and Clockwise
21.	Path Angle Animated Button
22.	Path Animated Button
23.	Squaring The Circle
24.	Single Bezier
25.	Overlapping Stars
26.	Path Mini Language
27.	Overlapping Rectangles
28.	Multiple Line Segments
29.	Figure With Arcs
30.	Counterclockwise (default), small arc (default)
31.	Counterclockwise (default), IsLargeArc
32.	Clockwise, small arc (default)
33.	Clockwise, IsLargeArc
34.	Eclipse Sun
35.	Mini Language Infinity
36.	Large ArcSegments
37.	Small ArcSegment
38.	Bezier Curve with BezierSegment
39.	PolyBezierSegment Demo
40.	Multiple geometries
41.	Combined geometries GeometryCombineMode=Exclude
42.	Path.Data with LineSegment
43.	Path Margin as resource
44.	Shorthand Path data
45.	Path with Shadow