如何使用canvas繪制圓

如何使用canvas繪制圓?針對這個問題,這篇文章詳細介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

成都創(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()

效果圖:

如何使用canvas繪制圓

這里要說明的一點是,不管順時針還是逆時針,圓的弧度的位置是不變的,不會因為順勢轉(zhuǎn)或者逆時針而改變,0.5pi的位置

如何使用canvas繪制圓

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

如何使用canvas繪制圓

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

如何使用canvas繪制圓

關(guān)于如何使用canvas繪制圓問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。

文章題目:如何使用canvas繪制圓
瀏覽地址:http://muchs.cn/article14/ipjgge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機網(wǎng)站建設(shè)、軟件開發(fā)面包屑導(dǎo)航、移動網(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)

成都定制網(wǎng)站建設(shè)