Raphael JS Вопрос

Question

Я следую учебнику от netuts об raphael js, и я не понимаю один из примеров, может ли кто-то, возможно, объяснить это мне более простым английским. Я знаю, что сначала я должен узнать больше о javascript.

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

Спасибо! Очень много

Answer 1

код создаст пять кругов

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 
} 

Результаты в этом SVG элемент:

<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 раз. Храните количество итераций в переменной i. «{» Начинает цикл.

var multiplier = i * 5; 

Умножьте i на 5 и сохраните в переменной, называемой множителем.

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

Нарисуйте круг с х координат при 250 плюс два раза множитель, A Y координат при 100 плюс умножителя и с радиусом 50 минус умножителя. (По сути, это фантастический способ получения отдельных кругов.)

} 

Завершить цикл.