Javascript 拉斐尔问题

我正在学习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); }

for（变量i=0；i<5；i+=1）{
var乘数=i*5；
纸。圆（250+（2*乘数），100+乘数，50-乘数）；}

谢谢！非常

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

将i乘以5并存储在一个名为乘法器的变量中

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

画一个圆，x坐标为250加上乘数的两倍，y坐标为100加上乘数，半径为50减去乘数。（基本上是一种获得清晰圆圈的奇特方式。）

结束循环

var multiplier = i * 5;

将i乘以5并存储在一个名为乘法器的变量中

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

画一个圆，x坐标为250加上乘数的两倍，y坐标为100加上乘数，半径为50减去乘数。（基本上是一种获得清晰圆圈的奇特方式。）

---

结束循环。

代码将创建五个圆

var multiplier = i * 5;

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
}

for（var i=0；i<5；i+=1）{//循环五次=>创建五个圆
var multiplier=i*5；//乘以i以增加下一行中的效果
paper.circle（250+（2*乘法器），//新圆的x坐标
100+乘法器，//y坐标
50-乘数）；//半径
}

此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>

用拉斐尔创作

代码将创建五个圆

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
}

for（var i=0；i<5；i+=1）{//循环五次=>创建五个圆
var multiplier=i*5；//乘以i以增加下一行中的效果
paper.circle（250+（2*乘法器），//新圆的x坐标
100+乘法器，//y坐标
50-乘数）；//半径
}

此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>

用拉斐尔创作

循环是否从0开始计数。所以它是0,1,2,3,4，等于5圈？是的，你可以在第一行看到。循环变量i被设置为0，并且只要它小于5，就会增加1，因此循环体将在i=0、i=1、i=2、i=3和i=4的情况下执行。另请参见循环是否从0开始计数。所以它是0,1,2,3,4，等于5圈？是的，你可以在第一行看到。循环变量i被设置为0，并且只要它小于5，就会增加1，因此循环体将在i=0、i=1、i=2、i=3和i=4的情况下执行。另请参见行前的4个空格将格式设置为代码

ctr-k

使用一个选择来完成它。注意，更常见的做法是在行前写

++i

或

i++

。4个空格格式化为代码

ctr-k

通过选择来完成。注意，编写

++i

或

i++

更常见。