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

如何在html5画布上绘制圆形扇区?,html,canvas,geometry,geometric-arc,sector,Html,Canvas,Geometry,Geometric Arc,Sector,我正在尝试在画布元素上制作一种饼图形状,但是我似乎找不到任何单独完成此操作的函数。我似乎只能画完整的圆圈和线段。有没有一个简单的方法可以做到这一点 (另请参见:)以下各项应起作用: context.moveTo(cx,cy); context.arc(cx,cy,radius,startangle,endangle); context.lineTo(cx,cy); context.stroke(); // or context.fill() 由于cx,cy是弧的中心。马丁的想法是正确的,如果你

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


(另请参见:)

以下各项应起作用:

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

由于
cx
cy
是弧的中心。

马丁的想法是正确的,如果你真的迷路了,这里有一个有效的例子:仅供参考,这里的角度是弧度。那么
context.beginPath()
/
context.closePath()
呢?一些东西,比如
clearRect()
没有它们就会停止工作