arc
語(yǔ)法:arc(x, y, radius, startAngle, endAngle, anticlockwise)
前面兩個(gè)參數(shù)是x
坐標(biāo),y
坐標(biāo),第三個(gè)參數(shù)是半徑
,第四個(gè)參數(shù)是開始的弧度,第五個(gè)參數(shù)是結(jié)束的弧度,第六個(gè)參數(shù)是順時(shí)針還是逆時(shí)針,默認(rèn)是順時(shí)針。
看下面代碼,這樣就能繪制一個(gè)圓了。
ctx.arc(100, 100, 50, 0, 2 * Math.PI)
ctx.stroke()
效果圖:

這里要說(shuō)明的一點(diǎn)是,不管順時(shí)針還是逆時(shí)針,圓的弧度的位置是不變的,不會(huì)因?yàn)轫槃?shì)轉(zhuǎn)或者逆時(shí)針而改變,0.5pi
的位置

ctx.arc(100, 100, 50, 0, 1.5 * Math.PI)
ctx.stroke()

ctx.arc(100, 100, 50, 0, 1.5 * Math.PI,true)
ctx.stroke()

上面代碼第一個(gè)是順時(shí)針繪制的,3/4 個(gè)弧度,用逆時(shí)針的話就是 1/4 個(gè)弧度,它的意思是從 0 開始,順時(shí)針到 1.5pi的位置
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。