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

Question

我使用 HTML5 画布创建了一个圆形图案生成器。我已经使用弧线来创建圆圈并将它们随机放置在画布上。另外，我的圆圈填充了鼠标按下时生成的随机颜色。弧形填充在 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/