javascript - Javascript Firefox RadialGradient

Question

私の趣味のゲーム プロジェクトでは、(友人と) HTML + JS を使用します。そしてキャンバスに描きます。この種のコードで風船を描きます:

var radGrad = ctx.createRadialGradient(this.p.x - this.radius / 4, this.p.y - this.radius / 4, this.radius, this.p.x - this.radius / 2, this.p.y - this.radius / 2, 0);
        radGrad.addColorStop(1, "rgba(255, 255, 255, 0.8)");
        radGrad.addColorStop(0, this.color);
        ctx.fillStyle = radGrad;
        ctx.beginPath();
        ctx.arc(this.p.x, this.p.y, this.radius, 0, Math.PI * 2, true);
        ctx.closePath();
        ctx.fill();

Safari と Chrome では、通常の動作が得られました。また、Mac OS の Firefox では正常です。しかし、Windows 上の Firefox では次のようになりました。

http://dl.dropboxusercontent.com/u/5283279/Screenshots/2013-04-26%2013_10_26-BalloonSucker.png

Firefox でハードウェア アクセラレーションをオフにすると、すべてが機能しますが、これは公開用であるため、他の人にオフにすることはお勧めできません。