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

时间:2011-06-03 17:12:00

标签: html5 canvas geometry geometric-arc sector

我正在尝试在canvas元素上创建一种饼图形状,但是我似乎无法找到任何单独执行此操作的函数。我似乎只能绘制完整的圆圈和片段。有一个简单的方法吗?

(另见:Wikipedia on circle terminology

1 个答案:

答案 0 :(得分:30)

以下内容应该有效:

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

cxcy是弧的中心。