Raphael JS问题

我正在从netuts关于raphael js的一个教程，我不明白其中的一个例子，有人可能会用简单的英语向我解释这一点。我知道我应该先学习更多关于JavaScript的知识。Raphael JS问题

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

谢谢！非常多

来源

2010-10-02 Cool Guy Yo

4位之前的线格式的代码。 'ctr-k'可以通过选择来完成。 – 2010-10-07 02:14:15

请注意，编写'++ i'或'i ++'更为常见。 – 2010-10-07 02:15:37

的代码将创建五个圆

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>

来源

2010-10-02 21:41:32 Wolfram

你是否从0开始计数循环。所以它变成0,1,2,3,4等于5个圆圈？ – 2010-10-02 22:53:13

是的，你可以在第一行看到。循环变量i设置为0，只要它小于5就会增加1，因此循环体将以i = 0，i = 1，i = 2，i = 3和i = 4。另请参阅[Wikipedia上的For-Loop文章]（http://en.wikipedia.org/wiki/For_loop） – Wolfram 2010-10-03 10:30:57

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坐标加上两倍的乘数，在100加上乘法器和具有50的半径减去乘法器一个y坐标。（本质上是获得不同圆圈的奇特方式。）

结束循环。

来源

2010-10-02 21:36:42

Raphael JS问题

回答

相关问题