title: How to achieve 'donut holes' with paths in Raphael
body: <p>I'd like to draw a shape which has holes in it such that I can <code>fill</code> the shape it and not have the holes filled with that colour (leave them transparent).</p>
  
  <p>According to the <a href="http://www.w3.org/TR/SVG/paths.html" rel="noreferrer">W3 path spec</a>: </p>
  
  <blockquote>
    <p>Compound paths (i.e., a path with multiple subpaths) are possible to allow effects such as "donut holes" in objects.</p>
  </blockquote>
  
  <p>Can somebody please give a very simple example of how to perform this with a vector path in <a href="http://raphaeljs.com/" rel="noreferrer">Raphael</a>?</p>
  
  <p>Thanks very much.</p>