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

dsa*_*avi 15 html5 geometry canvas sector geometric-arc

我试图在canvas元素上制作一种饼图形状,但是我似乎无法找到任何单独执行此操作的函数.我似乎只能绘制完整的圆圈和片段.是否有捷径可寻?

(另见:关于圈子术语的维基百科)

Mar*_*ner 31

以下应该有效:

context.moveTo(cx,cy);
context.arc(cx,cy,radius,startangle,endangle);
context.lineTo(cx,cy);
context.stroke(); // or context.fill()
Run Code Online (Sandbox Code Playgroud)

cx,cy作为弧的中心.

  • 马丁有正确的想法,如果你真的输了,这是一个有效的例子:http://jsfiddle.net/3VB68/ (8认同)