Javascript 画布绘制与检测

我想在画布上画一个小圆圈。问题是，圆被分成4等分，每个等分都有不同的颜色。我怎样才能使圆圈中的这四个部分各有不同的颜色？我的意思是我看到arc（）方法只在圆上绘制？ 另外，我还想检测这4个部分上的碰撞。在单色圆上很容易检测，但我想检测对象（例如画布上只有一种颜色的另一个圆）与第一个圆的哪一侧颜色发生碰撞，例如与绿色、蓝色等发生碰撞

---

我想不出怎么做这个4色的圆圈？请提供帮助：/

上下文。arc

是一个路径命令

Path命令从

context.beginPath

开始，一直持续到下一个Path命令（下一个Path命令从下一个

context.beginPath

开始）

每个路径命令只允许1个样式。这意味着您不能仅使用一个path命令创建多色圆

您必须使用4个圆弧路径命令来创建4色圆。

var canvas=document.getElementById（“canvas”）；
var ctx=canvas.getContext（“2d”）；
ctx.线宽=10；
var-cx=150；
var-cy=150；
var半径=75；
var PI2=数学PI*2；
var wedgeCount=4；
变量颜色=[‘红色’、‘绿色’、‘金色’、‘蓝色’]；
对于（var i=0；我的意思是我看到arc（）方法只画了一个彩色的圆？**非常感谢！！这非常有帮助！非常感谢！