HTML5 Canvas上下文填充在Chrome上不起作用

Question

我使用HTML5画布创建了一个圆形模式生成器。我已经使用弧创建圆并将它们随机放置在画布上。此外，我的圈子中填充了mousedown上生成的随机颜色。弧填充适用于Firefox，但不会显示在 Chrome 上。我使用的是最新的Chrome版本18。

    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();

以下是实时工作链接 - http://www.riaxe.com/html5cirpattern/