Я пытаюсь нарисовать несколько круговых дуг, заполненных разными цветами
//-------------- draw
ctx.beginPath();
ctx.fillStyle = "black";
ctx.arc(30, 30, 20, 0, Math.PI*2, true);
ctx.fill();
ctx.fillStyle = "red";
ctx.arc(100, 100, 40, 0, Math.PI*2, true);
ctx.fill();
ctx.closePath();
Это создает обе дуги, заполненные красным, и я могу сказать, что вокруг маленькой черной контуры вокруг меньшего.
Может ли кто-нибудь пролить свет на то, как я могу это сделать? что я делаю неправильно?