欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用js畫圖之正弦曲線

 更新時(shí)間:2015年01月12日 15:29:36   投稿:hebedich  
這篇文章主要介紹了使用js繪制幾何圖形的方法的系列文章,本文主要講訴正弦曲線的繪制方法,需要的朋友可以參考下

數(shù)學(xué)式:y=Asin(ωx+φ)+k

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

JS函數(shù)的聲明:

復(fù)制代碼 代碼如下:

//畫正弦曲線
//dot 原點(diǎn)
//amplitude    振幅 -- A
//initialPhase 初相 -- φ
//setover 偏距 -- k
//palstance 角速度 -- ω
//len 周期數(shù)
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 < max;x+=5){ //每五個(gè)單位畫一條線
        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 < max;x+=d){//描點(diǎn)
        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);
}

相關(guān)文章

  • JS控制層作圓周運(yùn)動(dòng)的方法

    JS控制層作圓周運(yùn)動(dòng)的方法

    這篇文章主要介紹了JS控制層作圓周運(yùn)動(dòng)的方法,涉及javascript動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2016-06-06
  • 利用javascript判斷文件是否存在

    利用javascript判斷文件是否存在

    本篇文章主要介紹了利用javascript判斷文件是否存在的方法。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2013-12-12
  • JS數(shù)組搜索之折半搜索實(shí)現(xiàn)方法分析

    JS數(shù)組搜索之折半搜索實(shí)現(xiàn)方法分析

    這篇文章主要介紹了JS數(shù)組搜索之折半搜索實(shí)現(xiàn)方法,結(jié)合具體實(shí)例形式分析了javascript數(shù)組折半搜索算法的原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2017-03-03
  • Javascript農(nóng)歷與公歷相互轉(zhuǎn)換的簡(jiǎn)單實(shí)例

    Javascript農(nóng)歷與公歷相互轉(zhuǎn)換的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇Javascript農(nóng)歷與公歷相互轉(zhuǎn)換的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-10-10
  • js實(shí)現(xiàn)獲取最新本周周一開(kāi)始的日期(單周日歷卡)

    js實(shí)現(xiàn)獲取最新本周周一開(kāi)始的日期(單周日歷卡)

    這篇文章主要為大家介紹了js實(shí)現(xiàn)獲取最新本周周一開(kāi)始的日期(單周日歷卡)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-10-10
  • 最新評(píng)論