使用js畫圖之正弦曲線_javascript技巧

數學式：y=Asin(ωx φ) k

範例：http://www.zhaojz.com.cn/demo/draw7.html

JS函數的宣告：

複製程式碼 程式碼如下:

//畫正弦曲線
//dot 原點
//amplitude    振幅 -- A
//initialPhase 初相 -- φ
//setover 偏距 -- k
//palstance 角速度 -- ω
//len 週期數
function drawSinusoid(dot, amplitude,initialPhase,palstance,setover, len, opts){
    var color = opts&&opts.color?opts.color:"DarkRed"; //曲線的顏色
    var max = len*2*Math.PI/w; //x的最大值
    //var x = -2*Math.PI/w/3;
    var x = 0; //x的初值
    var pre = [dot[0] x, dot[1] (amplitude*Math.sin(palstance*x initialPhase) setover)]; //y的初值
    for(;x         var cur = [dot[0] x, dot[1] (amplitude*Math.sin(palstance*x initialPhase) setover)];
        drawLine(pre, cur, {color: color}); // 畫線
        pre = cur;
    }
    var d = Math.PI/(2*w);
    for(var x =0;x         var cur = [dot[0] x, dot[1] (amplitude*Math.sin(palstance*x initialPhase) setover)];
        drawPoint({
            pw:3,ph:3,color:'DarkRed',point: cur
        });
    }
   
    var pend = [dot[0] max, dot[1] (amplitude*Math.sin(palstance*max initialPhase) setover)];
    drawPoint({
        pw:3,ph:3,color:'DarkRed',point: pend
    });
    drawLine(pre, pend);
}