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

20

我尝试在canvas元素上制作一种类似于饼图的形状,但是我无法找到任何可以单独完成此操作的函数。 我似乎只能画出完整的圆和段。 有没有简单的方法来做这个?

(另请参阅:维基百科上的圆术语

1个回答

39
以下内容应该有效:
context.moveTo(cx,cy);
context.arc(cx,cy,radius,startangle,endangle);
context.lineTo(cx,cy);
context.stroke(); // or context.fill()

cxcy 作为弧的中心。


11
马丁有一个正确的想法,如果你真的迷失了方向,这里有一个工作示例:http://jsfiddle.net/3VB68/ - Simon Sarris
1
FYI,这里的角度是弧度制。 - chipmunk
context.beginPath() / context.closePath() 是怎么样的?一些像 clearRect() 这样的东西如果没有它们就无法正常工作。 - tigrou

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接