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