如何在 html5 画布上绘制圆形扇形？

Question

我试图在画布元素上制作一种饼图形状，但是我似乎找不到任何可以单独完成此操作的函数。我似乎只能画完整的圆和线段。有没有简单的方法可以做到这一点？

（另请参阅：有关圈子术语的维基百科）

Answer 1

以下应该有效：

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

以 cx、cy 为圆弧中心。