js를 사용하여 정현파 curve_javascript 기술 그리기

수학적 공식: y=Asin(Ωx ψ)k

샘플: http://www.zhaojz.com.cn/demo/draw7.html

JS 함수 선언:

코드 복사 코드는 다음과 같습니다.

//사인 곡선 그리기
//점원점
//진폭 진폭 -- A
//initialPhase 초기 단계 -- Φ
//세트오버 오프셋 -- k
//위치 각속도 -- Ω
//len 주기
함수 drawSinusoid(dot, 진폭,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*xinitialPhase) setover)] //y의 초기값
for(;x       var cur = [dot[0] x, dot[1] (amplitude*Math.sin(palstance*xinitialPhase) 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*xinitialPhase) setover)];
        drawPoint({
             pw:3,ph:3,color:'DarkRed',point: cur
        });
}
 
var pend = [dot[0] max, dot[1] (amplitude*Math.sin(palstance*maxinitialPhase) setover)];
drawPoint({
         pw:3,ph:3,color:'DarkRed',point: 보류
});
drawLine(사전, 보류);
}