25

これに対する解決策は非常に単純だと思います。これが痛々しいほど明白な場合は事前に謝罪しますが、2つの異なる円弧に2つの異なるfillStylesを設定する方法がわからないようです...カラーサークル。以下に、キャンバス内の他の図形/描画方法で通常行う方法を示しますが、何らかの理由で円弧を使用すると、両方の円弧が最後のfillStyleに設定されます。

ctx.fillStyle = "#c82124"; //red
ctx.arc(15,15,15,0,Math.PI*2,true);
ctx.fill();

ctx.fillStyle = "#3370d4"; //blue
ctx.arc(580,15,15,0,Math.PI*2,true);
ctx.fill();
4

3 に答える 3

48

begin および end パス ステートメントが欠落していると思います。以下を試してください（jsfiddleで動作します。こちらを参照してください）

ctx.fillStyle = "#c82124"; //red
ctx.beginPath();
ctx.arc(15,15,15,0,Math.PI*2,true);
ctx.closePath();
ctx.fill();

ctx.fillStyle = "#3370d4"; //blue
ctx.beginPath();
ctx.arc(580,15,15,0,Math.PI*2,true);
ctx.closePath();
ctx.fill();
于 2011-12-18T04:07:34.097 に答える