JS模擬圓周運動

2021-09-29 22:16:03 字數 658 閱讀 9310

math.sin(x)      x 的正玄值。返回值在 -1.0 到 1.0 之間;

math.cos(x)    x 的余弦值。返回的是 -1.0 到 1.0 之間的數;

這兩個函式中的x 都是指的「弧度」而非「角度」,弧度的計算公式為: 2*pi/360*角度;

30° 角度 的弧度 = 2*pi/360*30

如何得到圓上每個點的座標?

解決思路:根據三角形的正玄、余弦來得值;

假設乙個圓的圓心座標是(a,b),半徑為r,

則圓上每個點的

x座標=a + math.sin(2*math.pi / 360) * r ;

y座標=b + math.cos(2*math.pi / 360) * r ;注意在**裡是減號 -

如何求時鐘的秒針轉動一圈的軌跡?

假設秒針的初始值(起點)為12點鐘方向,圓心的座標為(a,b)。

解決思路:一分鐘為60秒,乙個圓為360°,所以平均每秒的轉動角度為 360°/60 = 6°;

for(var times=0; times<60; times++)
參考:math.pi和math.sin() 與 math.cos()搭配使用詳解

案例:

蒙特卡羅模擬圓周率的思想方法

圖 新建乙個座標系,上面的四個點 1,1 1,1 1,1 1,1 分別為正方形的四個頂點,做乙個正方形的內切圓。數學分析 圓的半徑是1,圓的面積是pi,正方形的面積是4.那麼在橫座標 1,1 縱座標 1,1 兩個區間確定的乙個隨機點落在圓內的概率是pi 4.在正方形內隨機產生10000000個點落在...

canvas模擬圓盤劃痕

最近接了個模擬劃痕的專案 兩個有接觸的圓盤順著逆時針運動,此時若下方的圓盤有凸起,那麼會在上面的圓盤上留下怎樣的劃痕。引數不同,結果不同,計算 x,y 的值用到了大量三角函式,許久不用,通通還回去了 至於繪製直線則是最簡單的canvas,我之前沒有系統的看過這塊,這次也算學習了。var query ...

ie7 ie8 使用border模擬圓

border radius 屬性ie8 才支援,ie7 ie8 下的圓角就可以使用border進行模擬 移動端都支援 我們平常使用border style一般都是solid實線,其他常用的還有dashed以及dotted,我們這裡的主角就是dotted點,在ie瀏覽器下,dotted點是被渲染成正圓...