vml实现web topo原型(11) - 弧线

最新推荐文章于 2017-11-21 14:22:49 发布

laputa73

最新推荐文章于 2017-11-21 14:22:49 发布

阅读量804

点赞数

CC 4.0 BY-SA版权

分类专栏： web编程文章标签： web function null

本文链接：https://blog.youkuaiyun.com/laputa73/article/details/5405064

web编程专栏收录该内容

54 篇文章

订阅专栏

本文详细介绍了在两个设备之间绘制电路的方法，包括使用弧线表示电路以避免相互覆盖，并提供了相应的函数实现。通过这些步骤和函数，用户可以更高效地进行电路设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在两个设备之间同时有多条电路时，可以使用弧线来表示，这样就不会相互覆盖。（另一种实现方式是电路组，适合电路很多的情况）

相应的函数为：

//3级函数 //创建弧线电路 function createCurveCircuit(identifer,fromP,toP,name,color,titleArray,fromid,toid,rank,bandwidth,target){ //alert("hi"); var circuit=createCurveLink(identifer,fromP,toP,name,color,titleArray,fromid,toid,rank,target); circuit.strokeweight=bandwidth return circuit; } function createCurveLink(identifer,fromP,toP,name,color,titleArray,fromid,toid,rank,target){ var curve=document.createElement("v:curve"); if (target == undefined){ document.body.appendChild(curve); } else{ document.getElementById(target).appendChild(curve); } //document.body.appendChild(curve); curve.setAttribute("startP",fromP); curve.setAttribute("endP",toP); var fromObj=document.getElementById(fromid); var fromLinks=fromObj.fromLinks; if(fromLinks==null){ fromLinks=new Array(); fromObj.setAttribute("fromLinks",fromLinks); } fromLinks[fromLinks.length]=curve; var toObj=document.getElementById(toid); var tolinks=toObj.toLinks; if(tolinks==null){ tolinks=new Array(); toObj.setAttribute("toLinks",tolinks); } tolinks[tolinks.length]=curve; curve.setAttribute("hasAlarm",false); curve.from=fromP; curve.to=toP; curve.id=identifer; curve.name=name; curve.strokecolor=color; curve.setAttribute("selfColore",color); curve.filled="f"; curve.strokeweight="1px"; curve.style.top=0; curve.style.left=0; curve.style.position="absolute"; curve.style.zIndex="1"; curve.setAttribute("rank",rank); setControl(curve); return curve; } //1.底层函数 //设置曲线弯度 function setControl(curve){ var rank=curve.rank; var xSlope = curve.to.x- curve.from.x; var ySlope = curve.to.y - curve.from.y; var xLen = xSlope/3.; var yLen = ySlope/3.; var alpha = 0; if((rank & 1) == 0) alpha=Math.PI/2; else alpha=-Math.PI/2; alpha =alpha+ Math.atan(ySlope/xSlope); var dist = 13.*((rank+1)>>1); var xOff = dist * Math.cos(alpha); var yOff = dist * Math.sin(alpha); curve.control1.x=curve.from.x+(xLen+xOff); curve.control1.y=curve.from.y+(yLen+yOff); curve.control2.x=curve.from.x+(xLen*2+xOff); curve.control2.y=curve.from.y+(yLen*2+yOff); //alert("hi"); }