如何使用canvas繪制圓?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
成都創(chuàng)新互聯(lián)公司專注于尼河口網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供尼河口營銷型網(wǎng)站建設(shè),尼河口網(wǎng)站制作、尼河口網(wǎng)頁設(shè)計、尼河口網(wǎng)站官網(wǎng)定制、小程序制作服務(wù),打造尼河口網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供尼河口網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
arc
語法:arc(x, y, radius, startAngle, endAngle, anticlockwise)
前面兩個參數(shù)是x
坐標,y
坐標,第三個參數(shù)是半徑
,第四個參數(shù)是開始的弧度,第五個參數(shù)是結(jié)束的弧度,第六個參數(shù)是順時針還是逆時針,默認是順時針。
看下面代碼,這樣就能繪制一個圓了。
ctx.arc(100, 100, 50, 0, 2 * Math.PI) ctx.stroke()
效果圖:
這里要說明的一點是,不管順時針還是逆時針,圓的弧度的位置是不變的,不會因為順勢轉(zhuǎn)或者逆時針而改變,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()
關(guān)于如何使用canvas繪制圓問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。
文章題目:如何使用canvas繪制圓
瀏覽地址:http://jinyejixie.com/article14/ipjgge.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機網(wǎng)站建設(shè)、軟件開發(fā)、面包屑導航、移動網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、標簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)