jtopo常见问题的总结

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既表示图片的宽高