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) {

迭代5次。将到目前为止迭代的次数存储在变量i中。 “{”开始循环。

var multiplier = i * 5;

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

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

绘制一个圆坐标，其中x坐标为250加倍乘数，y坐标为100加乘数，半径为50减去乘数。 （基本上是获得不同圈子的奇特方式。）

}

结束循环。