更新時(shí)間:2021-03-01 來源:黑馬程序員 瀏覽量:
在HTML5中的“畫布”繪畫,使用的并不是鼠標(biāo),用戶需要通過JavaScript來控制畫布中的內(nèi)容,在畫布中,通常使用arc()方法可以繪制圓或弧線,其基本語法格式如下:
arc(x,y,r,開始角,結(jié)束角,方向)
對(duì)上面的語法格式中,各屬性值使用“,”分隔,對(duì)各屬性值的解釋如下。
●x和y:x和y表示圓心在x軸和y軸的坐標(biāo)位置,取值為數(shù)字,用于確定圖形的位置。
●r:表示圓形或弧形的半徑,用于確定圖形的大小。
●開始角:表示初始弧點(diǎn)位置。其中弧點(diǎn)使用數(shù)值和“Math.PI”(圓周率,可以理解為180度)表示,例如開始角為270度可以寫為“1.5* Math.PI”。圖1所是為開始角和結(jié)束角的弧點(diǎn)位置示意圖。
圖1 弧點(diǎn)位置示意圖
●結(jié)束角:結(jié)束的弧點(diǎn)位置,初始角的設(shè)置方式一致。
●方向:分為順時(shí)針和逆時(shí)針繪制,當(dāng)取值為“false”時(shí),表示順時(shí)針,但取值為“true”時(shí)表示逆時(shí)針。
猜你喜歡:
企業(yè)會(huì)在什么情況下選擇混合App開發(fā)模式?