raphael js绘制用户请求的多行

时间:2012-06-24 16:21:29

标签: raphael

我按照以下方式使用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不起作用。请有人帮忙。我是第一次使用它

1 个答案:

答案 0 :(得分:0)

我不确定你要完成的是什么,但你必须在引号之外进行算术运算......

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

这会显示这些线条,然后您可以随意播放它们。“