画一个不同颜色部分的圆圈

Question

所以我想画一个圆圈，用蓝色和红色轮廓填充蓝色。红色部分由look角度决定。 ctx变量保存2d上下文。 相关代码：

ctx..lineWidth = 0.5
   ..fillStyle = "#0000AA"
   ..strokeStyle = "red";

ctx.beginPath();
ctx.arc(pos.x, pos.y, radius, look - PI / 6, look + PI / 6);
ctx..fill()
   ..closePath()
   ..stroke()
   ..beginPath();
ctx.strokeStyle = "black";
ctx.arc(pos.x, pos.y, radius, look + PI / 6, look - PI / 6);

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

然而，这在圆圈内画了一条额外的红线，我不想要。我怎么能摆脱这条线？

Answer 1

绘制红线时删除closePath。

closePath将绘制一条连接红色弧线端点的线（不是您想要的）。