title: Draw a self intersecting polygon on the HTML Canvas
body: <p>I'm looking for a way to draw a self intersecting polygon with holes,  I'm using the HTML Canvas element.</p>
  
  <p>So given 5 points,  I want to draw the red one below.</p>
  
  <p><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Pentagram_interpretations.svg/699px-Pentagram_interpretations.svg.png"></p>
  
  <p><a href="https://stackoverflow.com/questions/1315890/using-the-svg-evenodd-fill-rule-in-the-canvas-element">This question is essentially the same thing.</a></p>
  
  <p>Note:  I don't want to do this using line intersections and adding more points, the actual paths I will be using will be curved.</p>