三角函式形成簡單的波浪

2022-06-25 04:36:09 字數 1168 閱讀 4375

//定義canvas


var canvas = document.getelementbyid('canvas');


var context = canvas.getcontext('2d');


var a = 1;//弧度


var b = 1;//弧度正反的按鈕


setinterval(function()else


if(a>10)//弧度範圍


if(a


for (let x = 0; x < canvas.width; x++) 


context.stroke()//根據座標畫線


context.closepath()//結束畫座標


},100)
1、上面是根據a的左右替換來變化，並不像波浪

2、下面是根據波浪的滑動的變化

//定義canvas


var canvas = document.getelementbyid('canvas');


var context = canvas.getcontext('2d');


var a = 10;//弧度


var m = 0; //變化初始化


setinterval(function()


context.stroke()//根據座標畫線


context.closepath()//結束畫座標


},100)
3、前面都是用定時器的方法，現在用requestanimationframe

//定義canvas


var canvas = document.getelementbyid('canvas');


var context = canvas.getcontext('2d');


var a = 10;//弧度


var m = 0; //移動變化


var timer = requestanimationframe(function fn()


context.stroke()//根據座標畫線


context.closepath()//結束畫座標


常見三角函式與反三角函式
16341019 資料科學與計算機學院 toc 三角函式公式 反三角函式公式 簡單函式影象 1三角函式公式 兩角和公式 sin a b sinacosb cosasinb sin a b sinacosb cosasinb cos a b cosacosb sinasinb cos a b cosa...


常見三角函式與反三角函式
16341019 資料科學與計算機學院 toc 三角函式公式 反三角函式公式 簡單函式影象 1三角函式公式 兩角和公式 sin a b sinacosb cosasinb sin a b sinacosb cosasinb cos a b cosacosb sinasinb cos a b cosa...


三角函式與反三角函式的使用
假設該三角形是直角三角形。那麼 依照數學基礎是 sin b b c 其中b是邊b對應的角 但是在c c 程式上面稍微有點不同 那就是弧度制與角度制的區分 先說三角函式，在 程式設計裡面 舉sin 為例 sin 弧度制 只有裡面放弧度制，才能算的精準，假設要算45 的sin值 那麼對45 進行轉換為弧...