Difference between CounterClockwise and Clockwise : Path « Windows Presentation Foundation « C# / C Sharp

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

Difference between CounterClockwise and Clockwise

   

<Window x:Class="WpfApplication1.ShapesWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ShapesWindow" Height="160" Width="400">
    <Canvas>
        <Path Stroke="Black" StrokeThickness="3" Fill="Yellow" Canvas.Left="21" Canvas.Top="188" >
            <Path.Data>
                <PathGeometry>
                    <PathGeometry.Figures>
                        <PathFigure StartPoint="0,0">
                            <PathFigure.Segments>
                                <LineSegment Point="20 30"/>
                                <ArcSegment Size="30,30" IsLargeArc="False" SweepDirection="CounterClockwise" Point="50,40" />
                                <ArcSegment Size="10,10" IsLargeArc="False" SweepDirection="Clockwise" Point="10,0" />
                            </PathFigure.Segments>
                        </PathFigure>
                    </PathGeometry.Figures>
                </PathGeometry>
            </Path.Data>
        </Path>
 
    </Canvas>
</Window>

   
    
    
  

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.	Path gradient and Bezier
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