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

yaoleshi 2008-08-27 11:54:53


如图：

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

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

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

现在原有有关系的图片坐标都可以得到
...全文
162 11 打赏 收藏 转发到动态 举报
AI 作业
写回复
用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

多谢多谢
KevinHu_CS 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
稀有金属-全球锂资源追踪1：2020锂矿综述—复苏之势确立，谁来拯救紧缺的锂精矿？.pdf
稀有金属-全球锂资源追踪1：2020锂矿综述—复苏之势确立，谁来拯救紧缺的锂精矿？.pdf
稀有金属全球锂资源追踪1：2020锂矿综述—复苏之势确立，谁来拯救紧缺的锂精矿？（17页）.pdf
稀有金属全球锂资源追踪1：2020锂矿综述—复苏之势确立，谁来拯救紧缺的锂精矿？（17页）.pdf
稀有的、完整的网络蜘蛛、爬虫源代码~~~！
早先年，驰骋网络，积累了很多源代码…… 互联网的基因、骨头里就是自由、分享，非常感谢没有墙的时代，无限怀念，想想当时的BBS，俱往矣~ 如今的互联网却在疯狂的过滤、筛选、删除，有了N多的墙…… 不知道说什么好，很多的资源因为商业利益的原因从如今臭名昭著的搜索引擎中被删除，恐怕是很担忧后起之秀…… 遗憾的是互联网不但是必须自由的，而且是创新的天地，前辈们结实的臂膀就是无私奉献给后来者攀登的，而决不是扼杀…… 最近看到网络上的商业争吵，很是气愤~！！！ 于是就开始重新注意网络蜘蛛…… 很难过，网络上已经很难找到免费的、有价值的蜘蛛代码~ 每一个程序人（包括国外的）如果没有demo，又从何入手？？？ 可笑的人，可笑的世界，一个自由的网络被勒上了无形的缰绳，网络上哪些免费的、有价值的资源正被搜索引擎“淡”化，包括谷沟（早先一睹古够地图后就下了结论：互联网摧毁一切！），不是吗？看看全世界的墙，从太极看：物极必反，自由的极端就是地狱、牢笼……任何东西都有互反的作用，美味的食物都带“毒”，但人们选择容忍、忽略，存在有不用付出代价的东西吗？！ 我翻出我的布袋，把它们依然放回它们应该呆的地方，让更多的人们得到启发，开始创新之旅，期待您的精彩，感谢曾经自由的（不被看重）网络~~~ ------------------------------- 这个是完整的项目源代码，原汁原味，无需多舌~ 搞程序，必须e文过关，自己琢磨去吧~ 我们记住一点： 互联网上流转的都是数字，那些非数字的东西只是方便更多人使用，网络上“散布”的什么反向搜索等等只是一种愚笨的方法而已，实际上蜘蛛是根本不需要DNS、注册机构什么劳什子的，它只需要不知疲倦地啃噬不同国家地区的IP，并不是所有的IP都注册、登记哦~ 把不“规则”的物料抓回来，接着才是反向等方式的数据整理，蜘蛛织网、缝补都是需要时间积累的，这些原始的东西才是人们真正感兴趣的东西，“归置、加工”后只是一种规则下的苟且或商业的需要罢了…… 所以这个蜘蛛只需要你给（小小更动）它喂食（IP库）~ 它就会不知疲劳地四处爬，抓回的东西…… 怎么组织数据（库）才是搜索引擎的关键~！！！ 抓回来就看你怎么折腾、运作了，可以肯定的是： 互联网需要的就是千奇百怪的、五花八门的搜索引擎~！！！ 目前的数量远远不够，远远不够，这将是它的魅力，需要大家的智慧和义务劳动，在摧毁一切之前我们尽心营造和谐，呵呵~ ===================================== 忘记了…… 再来说下用途： 比如你在某网站，看到想看的图片，但要注册什么的看不到，还有其它资源~ 怎么办呢？ 就用蜘蛛吧，把地址准确输入，它就会自动给你爬出来…… 可以设定要抓取的文件类型，…… 比如图片什么的，征婚网站有很多mm图片，就是看不到，怎么办？ 用爬虫吧，当然爬虫只能爬所有http资源，数据库中的就得用另法了，呵呵~
WinImp 稀有格式的压缩软件
压缩软件间的竞争也是很激烈的啊，至少现在ARJ格式的文件基本见不到了……这里提供的也是一个竞争的失败者，IMP格式没有任何优点，但是唯一的好处就是：这个格式WINRAR、WINZIP和7Z都不认。接下来的事情，就不用再解释了吧？
最全面的历年美赛备赛资料整理（包含网盘资源）
最全面的历年美赛备赛资料整理（包含网盘资源） MCM85问题-A 动物群体的管理 在一个资源有限，即有限的食物、空间、水等等的环境里发现天然存在的动物群体。试选择一种鱼类或哺乳动物(例如北美矮种马、鹿、免、鲑鱼、带条纹的欧洲鲈鱼)以及一个你能获得适当数据的环境，并形成一个对该动物群体的捕获量的最佳方针。 MCM85问题-B 战购物资储备的管理 钴对许多工业是必不可少的(1979年仅国防需要就占了全世界钴生产量的17％)，但是钴不产生在美国。大部分钴来自政治上不稳定的构F地区。见图85B-1，85B-2，85B-3。 1946年制订的战略和稀有作战物资存贮法令要求钴的储存量应保证美国能渡过三年战争时期。50年代政府按要求存贮了，并在70年代卖掉了大部分贮量，而在70年代后期决定重新贮存，贮存的指标是8540万磅，到1982年获得了贮量的一半。 试建立一个战略金属钴的储存管理数学模型。你需要考虑诸如以下的问题；贮量应多大?应以多大的比率来获得贮量?买这些金属的合理价格应该是多少?还要求你考虑诸如以下的问题，贮量达到多大时应开始减少贮存量?应以多大的比率来减少？卖出这些金
.NET社区

62,248

社区成员

668,997

社区内容

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

加载中

查看更多榜单
社区公告

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

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

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

+ 用AI写文章