如何获取新的画布弧描边样式

所以我试图画一个简单的色调轮，显示红色、绿色和蓝色分量以及它们之间的关系。 问题是我的（简单的，一度）弧线正在采用后来弧线的笔触，即使我使用的是beginPath()和closePath()。

我目前的进展是 http://meyerweb.com/eric/css/colors/hsl-from-rgb.html。 最里面的戒指是该戒指的用途，蓝色淡入黑色。 下一个环输出应仅显示绿色淡入黑色，第三个响铃应仅显示红色淡入黑色。 最外层、最厚的环旨在显示色轮周围的全光谱，您可以在细辐中看到（就像在其他环中一样）。

如果我颠倒绘图块的顺序，那么最外层的环很好，所有的内环都乱了，所以很明显笔触样式正在向前泄漏。 我只是不知道如何或为什么，也不知道如何克服这个问题。 我应该只定义四个单独的对象（例如，ctx1到ctx4）并分别绘制到每个对象吗？

我查看了画布中弧形的不同 fillStyle 颜色，但那里的建议似乎对我没有帮助。 其他谷歌搜索没有任何用处。