Raphael JS Question

Question

Je suis un tutoriel de netuts sur raphael js et je ne comprends pas l'un des exemples, pourrait-on éventuellement m'expliquer cela en anglais clair. Je sais que je devrais en savoir plus sur javascript en premier.

for(var i = 0; i < 5; i+=1) { 
    var multiplier = i*5; 
    paper.circle(250 + (2*multiplier), 100 + multiplier, 50 - multiplier); } 

Merci! Très bien

Answer 1

Le code va créer cinq cercles

for(var i = 0; i < 5; i+=1) { // loop five times => create five circles 
    var multiplier = i*5;  // multiply i to increase the effect in the next lines 
    paper.circle(250 + (2*multiplier), // the x coordinate of the new circle 
        100 + multiplier, // the y coordinate 
        50 - multiplier); // the radius 
} 

résultats dans cet élément SVG: avant un format de ligne que le code

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="556" height="109"> 
<desc>Created with Raphaël</desc> 
<defs/> 
    <circle cx="250" cy="100" r="50" fill="none" stroke="#000"/> 
    <circle cx="260" cy="105" r="45" fill="none" stroke="#000"/> 
    <circle cx="270" cy="110" r="40" fill="none" stroke="#000"/> 
    <circle cx="280" cy="115" r="35" fill="none" stroke="#000"/> 
    <circle cx="290" cy="120" r="30" fill="none" stroke="#000"/> 
</svg> 

Answer 2

for(var i = 0; i < 5; i+=1) { 

Iterate 5 fois. Stocke le nombre de fois passé jusqu'ici dans la variable i. Le "{" commence la boucle.

var multiplier = i * 5; 

Multipliez i par 5 et stockez dans une variable appelée multiplicateur.

paper.circle(250 + (2*multiplier), 100 + multiplier, 50 - multiplier); 

dessiner un cercle avec une coordonnée x à 250, plus deux fois le multiplicateur, une coordonnée y à 100 plus le multiplicateur et avec un rayon de 50 moins le multiplicateur. (Essentiellement une façon élégante d'obtenir des cercles distincts.)

} 

Terminez la boucle.