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
Freigeben: 2016-05-16 16:20:49
Original
1687 Leute haben es durchsucht

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);
}

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage