Javascript 画一个三分之一的画布圆圈

Javascript 画一个三分之一的画布圆圈,javascript,canvas,html5-canvas,geometry,Javascript,Canvas,Html5 Canvas,Geometry,我想我遗漏了一些非常基本的东西,我试图画一个分成三分之一的圆(以饼图为例) 为此,我假设我可以绘制三个具有以下开始/结束值的圆弧(弧度(为简洁起见四舍五入)): 我已经记录了我正在绘制的实际圆弧,以检查参数,如下所示: arc(400,300,100,0,2.0943951023931953) arc(400,300,100,2.0943951023931953,4.1887902047863905) arc(400,300,100,4.1887902047863905,6.28318530

我想我遗漏了一些非常基本的东西,我试图画一个分成三分之一的圆(以饼图为例)

为此,我假设我可以绘制三个具有以下开始/结束值的圆弧(弧度(为简洁起见四舍五入)):

我已经记录了我正在绘制的实际圆弧,以检查参数,如下所示:

arc(400,300,100,0,2.0943951023931953) 
arc(400,300,100,2.0943951023931953,4.1887902047863905) 
arc(400,300,100,4.1887902047863905,6.283185307179586)
不幸的是,当我这样做时,我得到了正确的起点和终点,但圆弧似乎没有延伸到圆的中心。如下图所示(忽略中心圆)


有人能给我指出正确的方向,让圆弧画出完整的圆吗?看起来它们从起点到终点的弧度是一条直线,但我希望它们像楔子一样进入中心。

啊,划破这个,我明白我在做什么了

从上一个圆弧的端点绘制每个圆弧


我忘记了在每个弧后移动到我的中心点。

结果还是不错的!:-):p哈哈,谢谢,如果你能想出一个合理的使用方法的话!我不能!
arc(400,300,100,0,2.0943951023931953) 
arc(400,300,100,2.0943951023931953,4.1887902047863905) 
arc(400,300,100,4.1887902047863905,6.283185307179586)