title: HTML5 canvas draw circles around a circle path
body: <p>I want to use HTML5 canvas to draw a large circle and then evenly space x number of circles around it's path, </p>
  
  <p>So far I have modified this: <a href="http://jsfiddle.net/m1erickson/pL5jP/" rel="nofollow">http://jsfiddle.net/m1erickson/pL5jP/</a></p>
  
  <p>To this: <a href="http://jsfiddle.net/dQUxy/6/" rel="nofollow">http://jsfiddle.net/dQUxy/6/</a></p>
  
  <p>I can get them how I want if I draw them manually like so (example)</p>
  
  <pre><code>Draw(startx, starty);
  Draw(startx+47, starty+47);
  Draw(startx+80, starty+80);
  </code></pre>
  
  <p>Not very elegant. What would be the mathematical solution to drawing say, 14 circles evenly spaced around the path?</p>