教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

前端HTML使用什么樣的方法繪制圓？

更新時間:2021年03月01日18時25分 來源:傳智教育 瀏覽次數(shù):

傳智教育-一樣的教育，不一樣的品質(zhì)

在HTML5中的“畫布”繪畫，使用的并不是鼠標(biāo)，用戶需要通過JavaScript來控制畫布中的內(nèi)容，在畫布中，通常使用arc()方法可以繪制圓或弧線，其基本語法格式如下：


arc(x,y,r,開始角,結(jié)束角,方向)

對上面的語法格式中，各屬性值使用“,”分隔，對各屬性值的解釋如下。

●x和y：x和y表示圓心在x軸和y軸的坐標(biāo)位置，取值為數(shù)字，用于確定圖形的位置。

●r：表示圓形或弧形的半徑，用于確定圖形的大小。

●開始角：表示初始弧點位置。其中弧點使用數(shù)值和“Math.PI”（圓周率，可以理解為180度）表示，例如開始角為270度可以寫為“1.5* Math.PI”。圖1所是為開始角和結(jié)束角的弧點位置示意圖。

arc()方法繪制圓

圖1 弧點位置示意圖

●結(jié)束角：結(jié)束的弧點位置，初始角的設(shè)置方式一致。

●方向：分為順時針和逆時針繪制，當(dāng)取值為“false”時，表示順時針，但取值為“true”時表示逆時針。





猜你喜歡：

盒子模型的圓角邊框怎樣實現(xiàn)？

怎樣檢測前端頁面的安全性？如何避免web頁面攻擊？

什么是Vue？Vue的工作原理是什么？

傳智教育web前端工程師培訓(xùn)課程

0 分享到：
和我們在線交談！