ここで本当に基本的なことが欠けていると思います.3つに分割された円を描こうとしています(例として円グラフを考えてください).
このために、次の開始/終了値 (ラジアン単位 (簡潔にするために四捨五入)) で 3 つの円弧を描くことができると仮定しました。
arc 1: start 0, end: 2.09
arc 2: start 2.09, end: 4.18
arc 3: start 4.18 end, 6.28
以下にリストされているパラメーターを確認するために、描画している実際のアークを console.logged しました。
arc(400,300,100,0,2.0943951023931953)
arc(400,300,100,2.0943951023931953,4.1887902047863905)
arc(400,300,100,4.1887902047863905,6.283185307179586)
残念ながら、これを行うと正しい始点と終点が得られますが、円弧は円の中心まで伸びていないようです。下の画像に示すように (中心の円は無視してください)
円弧が完全な円を描くように、誰かが私を正しい方向に向けることができますか? ラジアンを最初から最後まで直線で直接描いているように見えますが、くさびのように中心に行くと思っていました。