raphael - raphael js绘制用户请求的多条线

Question

我以下列方式使用 raphael js 根据用户输入创建多个圆形或矩形：

var xx =parseFloat(document.getElementById("Fem").value);
for(var i = 0; i < xx; i+=1) { 

paper.circle(10 + (20*i) , 20  , 5).attr("fill","#FF2");
    } 
var xy =parseFloat(document.getElementById("Male").value);
for(var i = 0; i < xy; i+=1) { 
paper.rect(35 + (20*i), 15 ,10 , 10 ).attr("fill","#FF2");
//paper.path("M 15 +(20*i) , 420 ,l  0 , -40 z"); 
        }

这或多或少地完成了我想要的工作，但我希望在迭代运行时从每个形状的顶部有一条垂直线。paper.path 不起作用。有人请帮忙。我第一次使用这个

Answer 1

我不完全确定你想要实现什么，但你必须在引号之外进行算术运算......

paper.path("M " + (15 + (20*i)) + ", 15 L  0 , -40 z"); 

这显示了线条，然后您可以四处玩耍以将它们带到您想要的位置。