Как нарисовать сектор круга на холсте html5? - PullRequest
15 голосов
/ 03 июня 2011

Я пытаюсь создать некую форму круговой диаграммы на элементе canvas, но я не могу найти ни одной функции, которая делает это сама. Кажется, я могу рисовать только круги и отрезки. Есть ли простой способ сделать это?

(См. Также: Википедия по терминологии круга )

1 Ответ

30 голосов
/ 03 июня 2011

Должно работать следующее:

context.moveTo(cx,cy);
context.arc(cx,cy,radius,startangle,endangle);
context.lineTo(cx,cy);
context.stroke(); // or context.fill()

с cx, cy является центром дуги.

...