Home/ Questions/Q 4626154
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T03:22:39+00:00

How can I create a ellipse (path, …) with a hole in it: The

  • 0

How can I create a ellipse (path, …) with a hole in it:

Ellipse with hole

The task is to create a visualization of a three-state-indicator. The different states are visualized by rotating the control several degrees to the left or the right.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    =>

        <Path Stroke="Red" StrokeThickness="20">
        <Path.Data>
            <PathGeometry>
                <PathFigure StartPoint="80,0">
                    <ArcSegment x:Name="ArcSeg1" Size="100,100" RotationAngle="0" IsLargeArc="True" 
                SweepDirection="Clockwise" Point="20,0"  >
                    </ArcSegment>
                </PathFigure>
            </PathGeometry>
        </Path.Data>
    </Path>

    There are a few relevant properties here, to understand the math behind it see
    http://www.charlespetzold.com/blog/2008/01/Mathematics-of-ArcSegment.html
    But basically you’re giving the coordinates of the intersection of two ellipses :intersection

    StartPoint and Point represents the intersecting points, While Size is the size of the full ellipse. The rest is pretty self explanatory.
    If you want to rotate it, the easiest and best way would be to use RotateTransform.

    • 0