Javascript 需要使用画布圆弧创建不同大小的圆

我想做的其实很简单，但我对javascript还很陌生，对画布也很陌生

closePath将关闭我的圆圈，但这不起作用，因为我试图在每个圆圈内创建多个圆圈

所有数据都通过json提供

这里是我想做的一个例子。

ctx.fill();    
ctx.closePath();

您需要使用arc（）函数并了解其工作原理

arc函数的语法是

arc(x, y, radius, startAngle, endAngle, counterClockwise);

为您的场景进行演示：

var canvas=document.getElementById（'myCanvas'）；
var context=canvas.getContext（'2d'）；
函数绘制（半径、颜色）{
var x=画布宽度/2；
变量y=画布高度/2；
var半径=半径；
var-startAngle=0；
var endAngle=2*Math.PI；
var逆时针=假；
context.beginPath（）；
弧（x，y，半径，星形，端角，逆时针）；
context.lineWidth=15；
//线条颜色
context.strokeStyle=颜色；
stroke（）；
}
抽签（75，“黄色”）；
抽签（65，“红色”）；
抽签（55，“绿色”）
谢谢你，这真是太棒了。说到PHP，我总是说；一旦您理解了代码，一切就变得简单了。我只需要应用我从PHP学到的知识。@我很高兴，如果它对你有用，你可以接受它作为一个答案：）练习和学习将有助于不受langaue PHP/js/etc的限制