稀有js消除连线问题？？？？？？？？？？？？？？？（来着有分，少了再加；提供有效帮助者高分！）

yaoleshi 2008-08-27 11:54:53


如图：

拖动图片时，连线重新创建

现在需要把原来的旧连线擦除掉.
该如何实现？
求各位帮帮忙，有什么好的办法

提供例子是最好啦！ 需要的是用js实现

现在原有有关系的图片坐标都可以得到
...全文
155 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
aaajedll 2008-08-27
  • 打赏
  • 举报
 回复
Study
yaoleshi 2008-08-27
  • 打赏
  • 举报
 回复
没人知道？
wfcfan 2008-08-27
  • 打赏
  • 举报
 回复
牛，

关注
yaoleshi 2008-08-27
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 atlasroben 的回复:]
给我个邮箱我给你发过切 太多了
[/Quote]

email: john_yao1216@sina.com.cn

多谢多谢
kevinhu520 2008-08-27
  • 打赏
  • 举报
 回复
up
cyousor 2008-08-27
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 atlasroben 的回复:]
C# codehttp://download.csdn.net/source/590141


弄好了自己下载看
[/Quote]

顶起
cyousor 2008-08-27
  • 打赏
  • 举报
 回复
<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<script Language="javascript">
var x,y,divLeft,divTop;
var isMove = false;
var html = "";
function MouseDown(obj)
{
isMove = true;
x = event.clientX;
y = event.clientY;
divLeft = obj.offsetLeft;
divTop = obj.offsetTop;
}
function MouseMove(obj)
{
if(isMove)
{
obj.style.left = divLeft + event.clientX - x;
obj.style.top = divTop + event.clientY - y;
}
}
function MouseUp(obj)
{
isMove = false;
var a = parseInt(document.getElementById("div1").style.left);
var b = parseInt(document.getElementById("div1").style.top);
var c = parseInt(document.getElementById("div2").style.left);
var d = parseInt(document.getElementById("div2").style.top);
var e = parseInt(document.getElementById("div3").style.left);
var f = parseInt(document.getElementById("div3").style.top);
html =" <div id = 'div1' style='border:1px solid gray;width:42px;height:39px;position:absolute;left:"+a+"px;top:"+b+"px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(a,b,c,d,"0000dd");
html += " <div id = 'div2' style='border:1px solid gray;width:45px;height:44px;position:absolute;left:"+c+"px;top:"+d+"px' onmousedown='MouseDown(this)' onmousemove=' MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(a,b,e,f,"0000dd");
html += " <div id = 'div3' style='border:1px solid gray;width:45px;height:44px;position:absolute;left:"+e+"px;top:"+f+"px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(c,d,e,f,"0000dd");
document.body.innerHTML=html
}
function a(x,y,color)
{
html +=" <img border='0' style='position:absolute;left:"+(x+20)+";top:"+(y+20)+";background-color:"+color+"'src='px.gif' width=1 height=1>";
}
function line(x1,y1,x2,y2,color)
{
var tmp
if(x1>=x2)
{
tmp=x1;
x1=x2;
x2=tmp;
tmp=y1;
y1=y2;
y2=tmp;
}
for(var i=x1;i <=x2;i++)
{
x =i;
y =(y2-y1)/(x2-x1)*(x-x1)+y1;
a(x,y,color);
}
}
function show()
{
html =" <div id = 'div1' style='border:1px solid gray;width:42px;height:39px;position:absolute;left:1px;top:1px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(1,1,100,100,"0000dd");
html += " <div id = 'div2' style='border:1px solid gray;width:45px;height:44px;position:absolute;left:100px;top:100px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(1,1,200,1,"0000dd");
html += " <div id = 'div3' style='border:1px solid gray;width:45px;height:44px;position:absolute;left:200px;top:1px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(200,1,100,100,"0000dd");
document.body.innerHTML=html;
}
</script>
</HEAD>
<body onload="show()">
</BODY>
</HTML>

这个虽然可以实现，但是有点慢，而且线在竖直的时候画的不是很好，
你看一下，可以改改
cyousor 2008-08-27
  • 打赏
  • 举报
 回复
<HTML>
<HEAD>
<TITLE>New Document </TITLE>
<script Language="javascript">
var x,y,divLeft,divTop;
var isMove = false;
var html = "";
function MouseDown(obj)
{
isMove = true;
x = event.clientX;
y = event.clientY;
divLeft = obj.offsetLeft;
divTop = obj.offsetTop;
}
function MouseMove(obj)
{
if(isMove)
{
obj.style.left = divLeft + event.clientX - x;
obj.style.top = divTop + event.clientY - y;
}
}
function MouseUp(obj)
{
isMove = false;
var a = parseInt(document.getElementById("div1").style.left);
var b = parseInt(document.getElementById("div1").style.top);
var c = parseInt(document.getElementById("div2").style.left);
var d = parseInt(document.getElementById("div2").style.top);
var e = parseInt(document.getElementById("div3").style.left);
var f = parseInt(document.getElementById("div3").style.top);
html =" <div id = 'div1' style='border:1px solid gray;width:42px;height:39px;position:absolute;left:"+a+"px;top:"+b+"px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(a,b,c,d,"0000dd");
html += " <div id = 'div2' style='border:1px solid gray;width:45px;height:44px;position:absolute;left:"+c+"px;top:"+d+"px' onmousedown='MouseDown(this)' onmousemove=' MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(a,b,e,f,"0000dd");
html += " <div id = 'div3' style='border:1px solid gray;width:45px;height:44px;position:absolute;left:"+e+"px;top:"+f+"px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(c,d,e,f,"0000dd");
document.body.innerHTML=html
}
function a(x,y,color)
{
html +=" <img border='0' style='position:absolute;left:"+(x+20)+";top:"+(y+20)+";background-color:"+color+"'src='px.gif' width=1 height=1>";
}
function line(x1,y1,x2,y2,color)
{
var tmp
if(x1>=x2)
{
tmp=x1;
x1=x2;
x2=tmp;
tmp=y1;
y1=y2;
y2=tmp;
}
for(var i=x1;i <=x2;i++)
{
x =i;
y =(y2-y1)/(x2-x1)*(x-x1)+y1;
a(x,y,color);
}
}
function show()
{
html =" <div id = 'div1' style='border:1px solid gray;width:42px;height:39px;position:absolute;left:1px;top:1px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(1,1,100,100,"0000dd");
html += " <div id = 'div2' style='border:1px solid gray;width:45px;height:44px;position:absolute;left:100px;top:100px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(1,1,200,1,"0000dd");
html += " <div id = 'div3' style='border:1px solid gray;width:45px;height:44px;position:absolute;left:200px;top:1px' onmousedown='MouseDown(this)' onmousemove='MouseMove(this)' onmouseup='MouseUp(this)'>a </div>";
line(200,1,100,100,"0000dd");
document.body.innerHTML=html;
}
</script>
</HEAD>
<body onload="show()">
</BODY>
</HTML>

这个虽然可以实现，但是有点慢，而且线在竖直的时候画的不是很好，
你看一下，可以改改
atlasroben 2008-08-27
  • 打赏
  • 举报
 回复 
http://download.csdn.net/source/590141

弄好了自己下载看
atlasroben 2008-08-27
  • 打赏
  • 举报
 回复
给我个邮箱我给你发过切 太多了
chenyijiu 2008-08-27
  • 打赏
  • 举报
 回复
参考：
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
稀有金属：钴：刚果金新矿业法正式颁布，成本影响几何？.pdf
稀有金属：钴：刚果金新矿业法正式颁布，成本影响几何？.pdf
稀有金属行业专题研究：哪些涨价小金属值得关注？.pdf
稀有金属行业专题研究：哪些涨价小金属值得关注？.pdf
职业生涯规划专题-如何做好面试准备及应对策略？
不过，虽然面临着中年危机，但我们没必要过分强调中年危机，如果谈到危机，事实上人生每个阶段都会有危机，比如高考危机、就业危机、养老危机等等，所以，人生何处不危机？脚踏实地走好每一步，预见并合理规划好下...
稀有金属-全球锂资源追踪1：2020锂矿综述—复苏之势确立，谁来拯救紧缺的锂精矿？.pdf
稀有金属-全球锂资源追踪1：2020锂矿综述—复苏之势确立，谁来拯救紧缺的锂精矿？.pdf
稀有金属全球锂资源追踪1：2020锂矿综述—复苏之势确立，谁来拯救紧缺的锂精矿？（17页）.pdf
稀有金属全球锂资源追踪1：2020锂矿综述—复苏之势确立，谁来拯救紧缺的锂精矿？（17页）.pdf
.NET社区

62,041

社区成员

669,051

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章