拉斐尔 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 减去乘数。 （本质上是一种获得不同圆圈的奇特方法。）

}

结束循环。