Maison >interface Web >js tutoriel >Utiliser js pour dessiner des compétences de courbe sinusoïdale_javascript

Utiliser js pour dessiner des compétences de courbe sinusoïdale_javascript

WBOY
WBOYoriginal
2016-05-16 16:20:491691parcourir

Formule mathématique : y=Asin(ωx φ) k

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

Déclaration de fonction JS :

Copier le code Le code est le suivant :

//Dessinez une courbe sinusoïdale
//origine du point
//amplitude Amplitude -- A
//initialPhase phase initiale -- φ
//setover offset -- k
//vitesse angulaire de la palstance -- ω
//len nombre de cycles
function drawSinusoid(dot, amplitude,initialPhase,palstance,setover, len, opts){
var color = opts&&opts.color?opts.color:"DarkRed" //Couleur de la courbe
var max = len*2*Math.PI/w; //La valeur maximale de x
//var x = -2*Math.PI/w/3;
var x = 0; //Valeur initiale de x
var pre = [dot[0] x, dot[1] (amplitude*Math.sin(palstance*x initialPhase) setover)] //Valeur initiale de y
for(;x < max;x =5){ //Trace une ligne toutes les cinq unités
      var cur = [dot[0] x, dot[1] (amplitude*Math.sin(palstance*x initialPhase) setover)];
         drawLine(pre, cur, {color: color}); // Tracer une ligne
          pre = cur;
>
var d = Math.PI/(2*w);
for(var x =0;x < max;x =d){//Point de tracé
      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(pré, pend);
>

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn