1.鹰眼的显示与隐藏:
//代码中有一个
stage.eagleEye.visible = true;
//将true改成false就不显示了。
2.鼠标点击是菜单出现的位置控制:
$("#contextmenu").css({
top:event.pageY-65,
left:event.pageX-190
}).show();
//右键单击连线
$("#linkmenu").css({
top:event.pageY-65,
left:event.pageX-190
}).show();
//双击时修改topo节点名称
textfield.css({
top: event.pageY-65,
left:event.pageX - 220
}).show().attr('value', e.text).focus().select();
//event.pageY和event.pageX就是显示的位置,可以根据自己的需求调节后面的数字。
3.关于画布大小和浏览器自适应的问题(具体大小根据自己需求调整)
// 原来的画布大小
// canvas.width = window.innerWidth * 0.85;
// canvas.height = window.innerHeight * 0.75;
// 根据浏览器的尺寸改变画布的大小
var winWidth = $(window).width() * 0.85;
var winHeight = $(window).height() * 0.75;
canvas.width = winWidth;
canvas.height = winHeight;
$(window).resize(function() {
winWidth = $(window).width() * 0.85;
winHeight = $(window).height() * 0.75;
canvas.width = winWidth;
canvas.height = winHeight;
});
4.拓扑图在页面中的位置太偏右,setLocation(x,y)方法对其进行修改
5.拓扑中图片的大小修改node.setSize(50,30);50和30既表示图片的宽高