我們看下我們通過三角函數(shù)要做出來的效果

sin、cos、tan概念

為了直觀，我們引入一個(gè)三角形

概念如下：

sinα = b / ccosα = a / ctanα = b / a

javascript中的表示方法

π ---> Math.PIsinα ---> Math.sin(α)cosα ---> Math.cos(α)tanα ---> Math.tan(α)

我們已經(jīng)角度α和其中c邊的長度，我們?nèi)绾吻蟪鯽邊和b邊的長度呢？
聰明的你已經(jīng)想到了：b = sinα * c，其他的邊依此類推。

圓周運(yùn)動(dòng)分析

圓周運(yùn)動(dòng)最終要找的還是那個(gè)灰三角形的left和top值，我們已經(jīng)的條件有角度（隨時(shí)間變大，初始為0）和c邊（圓的半徑），那根據(jù)上面的公式，a邊和b邊也就可以求得，那么，瞬時(shí)的left和top也就可以取得。

角度與弧度

我們現(xiàn)實(shí)生活中使用的大都是角度，比如：30度、60度，但在計(jì)算機(jī)中的語言中，使用的都是弧度。啥是弧度呢，我們先看個(gè)圖

當(dāng)α對(duì)著的扇形的周長和圓的半徑相等時(shí)，那么α就等于1弧度。咋推導(dǎo)出來的呢，我們知道圓的周長為：2πr，一周為360度，所以2πr = 360，根據(jù)上面的定義，一個(gè)半徑的長度為一弧度，所以1弧度 = 180 / π 度，反過來1度= π / 180 弧度。
我們?cè)诔绦蛑?#xff0c;每次加的都是角度，所以需要轉(zhuǎn)化成弧度才能讓js中三角函數(shù)中使用，代碼如下：

var ang = 60var a = Math.cos(ang * (Math.PI / 180)) * r

源碼及實(shí)現(xiàn)，請(qǐng)移步GitHub

總結(jié)

以上是生活随笔為你收集整理的javascript与三角函数之二：圆周运动的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。