title: HTML5 Canvas context fill doesn't work on Chrome
body: <p>I have created a circular pattern generator using HTML5 canvas. I have used the arc to create circles and have placed them randomly on the canvas. Also, I have the circles filled with a random color generated on mousedown. The arc fill works on Firefox but doesnt show on <strong>Chrome</strong>. I am using Latest Chrome ver 18.</p>
  
  <pre><code>    context.save();
      context.scale(1, 1);
      context.beginPath();
      context.arc(nextX, nextY, radius, 0, 2 * Math.PI, false);
      context.closePath();
      context.fillStyle = color;
      context.lineWidth = 1;
      context.strokeStyle = color;
      context.stroke();
      context.fill();
      context.restore();
  </code></pre>
  
  <p>Here is the live working link - <a href="http://www.riaxe.com/html5cirpattern/" rel="nofollow">http://www.riaxe.com/html5cirpattern/</a></p>