Рафаэль Дж. С. Вопрос - PullRequest
Новая
       3

Рафаэль Дж. С. Вопрос

0 голосов
/ 03 октября 2010

Я следую учебному пособию от 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); }

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

Ответы [ 2 ]

3 голосов
/ 03 октября 2010

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

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>
1 голос
/ 03 октября 2010 
for(var i = 0; i < 5; i+=1) {

Итерация 5 раз.Сохраните количество повторений до сих пор в переменной i."{" Начинает цикл. 

var multiplier = i * 5;

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

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

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

}

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

...