Heim >Web-Frontend >js-Tutorial >Verwenden von js zum Zeichnen von Sinuskurven_Javascript-Fähigkeiten

Verwenden von js zum Zeichnen von Sinuskurven_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 16:20:491691Durchsuche

Mathematische Formel: y=Asin(ωx φ) k

Beispiel: http://www.zhaojz.com.cn/demo/draw7.html

JS-Funktionsdeklaration:

Code kopieren Der Code lautet wie folgt:

//Zeichne eine Sinuskurve
//Punktursprung
//amplitude Amplitude – A
//initialPhase Anfangsphase – φ
//Setover-Offset – k
//Palastwinkelgeschwindigkeit – ω
//len Anzahl der Zyklen
Funktion drawSinusoid(dot, amplitude,initialPhase,palstance,setover, len, opts){
var color = opts&&opts.color?opts.color:"DarkRed" //Farbe der Kurve
var max = len*2*Math.PI/w; //Der Maximalwert von x
//var x = -2*Math.PI/w/3;
var x = 0; //Anfangswert von x
var pre = [dot[0] x, dot[1] (amplitude*Math.sin(palstance*x initialPhase) setover)] //Anfangswert von y
for(;x < max;x =5){ //Zeichne alle fünf Einheiten eine Linie
      var cur = [dot[0] x, dot[1] (amplitude*Math.sin(palstance*x initialPhase) setover)];
         drawLine(pre, cur, {color: color}); // Linie zeichnen
          pre = cur;
}
var d = Math.PI/(2*w);
for(var x =0;x < max;x =d){//Plot point
      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);
}

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn