效果如下：

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名與空間、虛擬空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、瓊中黎族網(wǎng)站維護(hù)、網(wǎng)站推廣。

實(shí)現(xiàn)這樣通過圓畫實(shí)現(xiàn)這樣一個(gè)8的形狀，首先我們要會(huì)畫圓。我們可以通過角度轉(zhuǎn)成弧度：

radian = angle/180 * Math.PI;

再通過弧度獲取當(dāng)前的點(diǎn)的位置，這樣最基礎(chǔ)的圓的位置在-1到1的位置內(nèi)

var x = Math.sin(radian);
var y = Math.cos(radian);

當(dāng)畫完一個(gè)完整的圓以后，另一個(gè)圓的x軸繪制和當(dāng)前的x軸的位置是相同的，但是y軸需要改變，所以，我們就判斷一下，是否畫完一整個(gè)圓（畫完一整個(gè)8需要720度），如果大于360度，就代表當(dāng)前正在繪制的是第二個(gè)圓，所以，在繪制第二個(gè)圓的時(shí)候，我們調(diào)整一下y的位置，這樣就實(shí)現(xiàn)的兩個(gè)圓的繪制：

if(angle%720 > 360){
 y = -y+2;
}

案例代碼

以上這篇js 實(shí)現(xiàn)在2d平面上畫8的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。