RaphaelJS/Javascript更新路径,而不是创建新路径

RaphaelJS/Javascript更新路径,而不是创建新路径,javascript,raphael,updates,Javascript,Raphael,Updates,我有一个文本框,其中必须输入坐标的位置。然后,通过点击设置,文本(坐标)被分配给变量c。然后单击绘制绘制到定义坐标的路径 我想做的是每次单击“绘制”时更新现有路径。但它所做的只是在我单击“绘制”时不断创建新路径。我哪里做错了 这是你的电话号码 变量c,先前的1,线路路径; var l=5; var x=1; window.onload=函数(){ set=函数(){ c=document.getElementById(“b1”).value;//获取合作伙伴 circ();//在选择坐标处绘制

我有一个文本框,其中必须输入坐标的位置。然后,通过点击设置,文本(坐标)被分配给变量c。然后单击绘制绘制到定义坐标的路径

我想做的是每次单击“绘制”时更新现有路径。但它所做的只是在我单击“绘制”时不断创建新路径。我哪里做错了

这是你的电话号码


变量c,先前的1,线路路径;
var l=5;
var x=1;
window.onload=函数(){
set=函数(){
c=document.getElementById(“b1”).value;//获取合作伙伴
circ();//在选择坐标处绘制圆
}
var paper=Raphael(0,80600600);
draw=函数(){
如果(x==1){
previous1=“M100100 L”;
x++;
}否则{
previous1=window.linepath+“”;
}
var new1=先前的1+window.c;
linepath=new1;
var line=纸张路径(linepath);
var path=paper.text(10,l,linepath);
attr({“文本锚定”:“开始”,“字体大小”:“12”});
l=l+10;
};
函数circ(){
var posX=c.子串(0,3);
var posY=c.子串(4,7);
var circl=paper.circle(posX,posY,5).attr({fill:'red',stroke:'none');
};
}
输入命令>单击设置>单击绘制

设置 画
简单:每次用户单击“绘制”时,您都在创建一个新的Raphael.path()对象,而此时您需要更新现有对象(如果“绘制”已至少单击一次)

在这里,如果不将该条件作为限制条件,则不希望假设用户输入坐标的三位数值。不要使用子字符串从输入中获取x/y值,而是执行以下操作:

var posX = parseInt(c.split(",")[0], 10);
var posY = parseInt(c.split(",")[1], 10);

简单:每次用户单击“绘制”时,您都在创建一个新的Raphael.path()对象,而此时您需要更新现有对象(如果“绘制”已至少单击一次)

在这里,如果不将该条件作为限制条件,则不希望假设用户输入坐标的三位数值。不要使用子字符串从输入中获取x/y值,而是执行以下操作:

var posX = parseInt(c.split(",")[0], 10);
var posY = parseInt(c.split(",")[1], 10);

var posX = parseInt(c.split(",")[0], 10);
var posY = parseInt(c.split(",")[1], 10);