首頁(yè) 猿問用js寫一個(gè)函數(shù)

用js寫一個(gè)函數(shù)

JavaScript

西蘭花偉大炮 2017-04-20 23:50:03

就是不用css3，用js實(shí)現(xiàn)一個(gè)函數(shù)，通過傳參中心點(diǎn)坐標(biāo)，半徑，速度，來控制div小方塊做圓周運(yùn)動(dòng)

查看完整描述

2 回答

已采納

習(xí)慣受傷

TA貢獻(xiàn)885條經(jīng)驗(yàn) 獲得超1144個(gè)贊

現(xiàn)在不方便打代碼，不過我給你提供一個(gè)思路，如果實(shí)在實(shí)現(xiàn)不了，有時(shí)間我寫一下代碼。這可以用絕對(duì)定位實(shí)現(xiàn)，先創(chuàng)建一個(gè)相對(duì)定位的container div，這個(gè)是最外層div，這個(gè)div的大小是要計(jì)算的，用傳入的運(yùn)動(dòng)半徑，方塊半徑計(jì)算寬高度，其實(shí)難點(diǎn)就是根據(jù)角度計(jì)算每一次小方塊的中心位置，圓周運(yùn)動(dòng)時(shí)角度從0到359度變化（逆時(shí)針運(yùn)動(dòng)），角度為0時(shí)，小方塊在container中垂直居中，水平右對(duì)齊。變化到1度時(shí)，中心位置移動(dòng)距離其實(shí)是將一個(gè)半徑為r的圓360等份的一個(gè)邊長(zhǎng)（360邊多邊形），如果每次移動(dòng)0.5度，那么就是720邊多邊形，以此類推。。。

1 反對(duì) 回復(fù) 2017-04-21