Overlapping Rectangles : Path « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. Path
<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Path Fill="Gold" Stroke="Red" StrokeThickness="3">
        <Path.Data>
            <RectangleGeometry Rect="96 96 192 192" />
        </Path.Data>
    </Path>

    <Path Fill="Blue" Stroke="Red" StrokeThickness="3">
        <Path.Data>
            <RectangleGeometry Rect="192 192 192 192" />
        </Path.Data>
    </Path>

    <Path Fill="Red" Stroke="Red" StrokeThickness="3">
        <Path.Data>
            <GeometryGroup>
                <RectangleGeometry Rect="480 96 192 192" />
                <RectangleGeometry Rect="576 192 192 192" />
            </GeometryGroup>
        </Path.Data>
    </Path>

</Canvas>
WPF Overlapping Rectangles




24.87.Path
24.87.1.Multiple Subpaths with PathFigureMultiple Subpaths with PathFigure
24.87.2.Close Path Command with PathFigureClose Path Command with PathFigure
24.87.3.Drawn with a Path Shape with GeometryDrawn with a Path Shape with Geometry
24.87.4.Vertical LineVertical Line
24.87.5.Horizontal LineHorizontal Line
24.87.6.Cubic Bezier Curve with BezierSegmentCubic Bezier Curve with BezierSegment
24.87.7.Line with PathGeometryLine with PathGeometry
24.87.8.Elliptical ArcElliptical Arc
24.87.9.Quadratic Bezier Curve with PathFigureQuadratic Bezier Curve with PathFigure
24.87.10.Creates a composite shape from three geometries. This GeometryGroup has a FillRule of NonZeroCreates a composite shape from three geometries. This GeometryGroup has a FillRule of NonZero
24.87.11.Creates a composite shape from three geometriesCreates a composite shape from three geometries
24.87.12.Multiple SubpathsMultiple Subpaths
24.87.13.Close Path CommandClose Path Command
24.87.14.Elliptical Arc PathElliptical Arc Path
24.87.15.Vertical Line with PathVertical Line with Path
24.87.16.Horizontal Line with PathHorizontal Line with Path
24.87.17.Line with PathLine with Path
24.87.18.Combines two geometries using the intersect combine modeCombines two geometries using the intersect combine mode
24.87.19.Transform Path defined in ResourceTransform Path defined in Resource
24.87.20.Difference between CounterClockwise and ClockwiseDifference between CounterClockwise and Clockwise
24.87.21.Path gradient and BezierPath gradient and Bezier
24.87.22.Path Angle Animated ButtonPath Angle Animated Button
24.87.23.Path Animated ButtonPath Animated Button
24.87.24.Squaring The CircleSquaring The Circle
24.87.25.Single BezierSingle Bezier
24.87.26.Overlapping StarsOverlapping Stars
24.87.27.Path Mini LanguagePath Mini Language
24.87.28.Overlapping RectanglesOverlapping Rectangles
24.87.29.Multiple Line SegmentsMultiple Line Segments
24.87.30.Figure With ArcsFigure With Arcs
24.87.31.Counterclockwise (default), small arc (default)Counterclockwise (default), small arc (default)
24.87.32.Counterclockwise (default), IsLargeArcCounterclockwise (default), IsLargeArc
24.87.33.Clockwise, small arc (default)Clockwise, small arc (default)
24.87.34.Clockwise, IsLargeArcClockwise, IsLargeArc
24.87.35.Eclipse SunEclipse Sun
24.87.36.Mini Language InfinityMini Language Infinity
24.87.37.Large ArcSegmentsLarge ArcSegments
24.87.38.Small ArcSegmentSmall ArcSegment
24.87.39.Bezier Curve with BezierSegmentBezier Curve with BezierSegment
24.87.40.PolyBezierSegment DemoPolyBezierSegment Demo
24.87.41.Multiple geometriesMultiple geometries
24.87.42.Combined geometries GeometryCombineMode=ExcludeCombined geometries GeometryCombineMode=Exclude
24.87.43.Path.Data with LineSegmentPath.Data with LineSegment
24.87.44.Path Margin as resourcePath Margin as resource
24.87.45.Shorthand Path dataShorthand Path data
24.87.46.Path with ShadowPath with Shadow
24.87.47.Discrete Point JumpsDiscrete Point Jumps