tuvalde ark için farklı fillStyle renkleri

Question

Bunun için çözümün çok basit olduğunu ve bu durumun acımasızca aşikar olması durumunda şimdiden özür dileyebileceğimi hayal ediyorum ama iki farklı yay için iki farklı fillStyles'in nasıl ayarlanacağını anlayamıyorum. .. Sadece farklı renk çevreleri çizebilmek istiyorum. Aşağıda, normalde tuvalde diğer şekiller/çizim yöntemleri ile nasıl yapabildiğime sahibim, ama bir şekilde ark ile her iki yayı da son fillStyle'a ayarlıyor.

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

Answer 1

Sanırım başlangıç ​​ve bitiş yol ifadelerini kaçırıyorsunuz. yol sadece geometri olduğunu

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

Answer 2

Not (bu jsfiddle benim için see here çalışır) aşağıdakileri deneyin. .fillStyle'u fill()'a kadar istediğiniz zaman ayarlayabilirsiniz.