wpfwindows-phone-7canvasellipsesector

How can I draw a circle sector with the ellipse class?


I would like to make a sector of a circle on WP7. I tried to do this with the ellipse class and I found a lot of solution, which make a gauge or pie chart or something, but I need just the essence. Could anyone help?

the aim is to show just one part of a circle (or ellipse). Like the yellow area in the picture:

enter image description here

Thanks, Laci


Solution

  • Here's a fairly simple solution to the problem, though it does not use an Ellipse and it requires a little trigonometry:

    <Path Fill="Black"
          Data="M0,0 L0,-100 A100,100 0 0 1 70.7,-70.7 z" />
    

    The Data property uses Path Markup Syntax.

    Where did the 70.7 come from? Well, this particular arc sweeps out an angle of 45 degrees from a circle with radius 100, so the coordinates 70.7,-70.7 are determined by 100 * sin(45) and 100 * cos(45).