1.petites étoiles

  équation de la courbe de paramètre est fourni comme suit:

  N = 5

  x = r * sin (nθ) * cos (thetav)

  y = r * sin (nθ) * sin (θ) (0≤θ≤2π)

  Θ est extrait successivement avec boucle 0 ~ 2π (chaque incrément de π / 64), calcule le X et Y, dans la toile de la toile point de coordonnées (X, Y) reliés entre eux par une ligne, un tirage d''une 5 motifs floraux pétale.

  Ecrire le code HTML suivant.

  

  

  小星星

  

  

  

  

  

  

  Pour stocker le code HTML dans un fichier texte html, puis ouvrez ce code HTML comprenant fichier HTML dans le navigateur, vous pouvez être vu motif floral dessiné 5 représenté sur la figure. 1 dans une fenêtre de navigateur.

  

  1 5 motif de fleur 1

  Nous avons identifié dans l''instruction de procédure ci-dessus 1 ? var r = 120; ? modifier ? var r = 50; ?, de réduire de manière appropriée le rayon initial, par exemple ne dépasse pas le champ d''application de toile de dessin modèle, dans l''état identifié 3 '' b = r * Math.sin (n * theta); "modifier" b = r * (1 + Math.sin (n * theta) / 2); ?, 5 est tiré motif de fleur représenté sur la figure 2 dans la toile..

  

  floral figure 2 2 5

  Ce motif sensible que le motif sur la Fig. 1 est un intermédiaire vers l''extérieur élargi, de sorte que la partie centrale de l''ébauche.3 est modifié à nouveau déclaration ? b = r * (2 + Math.sin (n * theta) / 2); ?, une partie médiane de l''ébauche à augmenter, le motif dessiné représenté sur la figure 3 sur la toile, comme des petites étoiles.?

  

  motif petite étoile de. La figure 3

  La valeur de n dans la procédure ci-dessus peut également être modifiée, par exemple, le programme dessine un petit motif d''étoile au-dessus, la déclaration d''identification 2

  "Var n = 5;" modifier "var n = 6;", est tracé dans le motif représenté sur la figure 4 toile..Comme motif de flocon de neige hexagonale il?

  

  La figure 4 motif de flocon de neige hexagonal

  Nous pensons donc, si la valeur de n est changée en un nombre réel (partie fractionnaire) pourrait se produire ce?Par exemple,

  "Var n = 5;" modifier ? n = 5.05, ? le motif représenté sur la figure dessiner dans la toile 5.

  

  La figure 5 lignes de motif non bloquées Little Star

   2.Zone

  Est connu d''après la figure 5, prend la valeur de [theta] 0 ~ 2π, en tirant simplement un cercle, qui doit avoir non entier n, la courbe ne soit pas fermé, et par conséquent, si l''on prend la valeur [theta] 0 ~ 10π, tirer l''anneau 5, on obtient une bande sans fin à motifs.Les références et commodité suivantes pour les lecteurs disent, étant donné le contenu complet du fichier HTML.

  

  

  环带

  

  

  

  

  

  

  Ouvrez le fichier html contient ce code HTML dans un navigateur, on peut le voir dans la zone de dessin pentagonale bande sans fin, comme le montre la figure.

  

  Pentagone espace annulaire 6

  La valeur de n dans la procédure ci-dessus par ? n = 5.05 "a été changé en" n = 9.05 ?, est tiré de la bande sans fin 7 représentée sur la toile figure.

  

  La figure 7 courroie sans fin 1,90

  Si la valeur de n dans la procédure ci-dessus est modifiée à 9.2, et la valeur modifiée de k est de 12, il est tiré sur la toile comme représenté sur la. Figure 8 avec anneau.

  

  La figure 8 n = 9.2 de l''anneau

  Si la valeur de n dans la procédure ci-dessus est modifiée à 5.5, et la valeur modifiée de k est 12, l''anneau d''étirage représenté sur la Fig. 9, dans la toile.

  

  La figure 5 est de 9 n.5 de cercle

  Dans le programme de dessin de la figure. 9, l''instruction ? var r = 110 * (1 + Math.cos (n * theta) / 5); ? modifier

  ? Var r = 90 * (1 + Math.cos (n * theta) / 2), ? le motif représenté sur la figure dessiner dans la toile 10.

  

  La figure 10 n est égal à 5.Une autre configuration de la boucle 5

  C''est tout pour cet article, je veux être utile d''apprendre, je l''espère vous aider Accueil scénario.

  Vous pouvez également être intéressé par l''article: ExtJS dessin graphique d''une méthode d''analyse de diagramme circulaire pour atteindre js indigènes mettre en ?uvre l''effet télescopique glisser graphique d3.js mettre en ?uvre d3 de tra?née graphique.js obtenir l''image de redimensionnement outil Trois pan frontal graphique assemblage série JS Gojs du bouchon assemblage.js utilisation et le rendu des codes graphiques à base de graphiques 3D produit Explication du code JS JavaScript qui implémente les flocons de neige mis en ?uvre fractale Hexagone de Sierpinski

Exemples de code JavaScript pour obtenir une variété de graphiques

Recommend Article: