15
我想在canvas元素上做一个饼图形状,但是我似乎无法找到任何可以自己做到这一点的函数。我似乎只能画出整个圈子和部分。是否有捷径可寻?如何在html5画布上绘制圆形扇形?
(参见:Wikipedia on circle terminology)
我想在canvas元素上做一个饼图形状,但是我似乎无法找到任何可以自己做到这一点的函数。我似乎只能画出整个圈子和部分。是否有捷径可寻?如何在html5画布上绘制圆形扇形?
(参见:Wikipedia on circle terminology)
下面应该工作:
context.moveTo(cx,cy);
context.arc(cx,cy,radius,startangle,endangle);
context.lineTo(cx,cy);
context.stroke(); // or context.fill()
与cx
,cy
是圆弧的中心。
马丁有正确的想法,如果你真的迷失了,这里有一个工作的例子:http://jsfiddle.net/3VB68/ – 2011-06-03 17:26:58
只是一个FYI,在这里角度弧度。 – Chipmunk 2014-09-30 18:41:59
'context.beginPath()'/'context.closePath()'怎么办?像clearrect()这样的东西在没有它们的情况下会停止工作 – tigrou 2017-06-13 13:34:54