title: How to rotate 2 images independently on html canvas
body: <p>I want to show a set of gears using HTML canvas. I've got the following <a href="http://jsfiddle.net/jeepstone/RpmuE/" rel="nofollow">http://jsfiddle.net/jeepstone/RpmuE/</a> but the little cog rotates around the big cog rather than staying fixed and just rotating. Once I have it fixed I can work out the relative speeds of the cogs but I can't work out why it moves around the main cog.</p>
  
  <p>Any ideas?</p>