sigma.js：有没有办法单独拖动一个节点

我试图通过获取鼠标位置来单独拖动一个节点，它似乎被整个图形抓取行为所捕捉。所选节点的属性已正确修改，但其他节点一起移动，即使我设置了n.x和n.y.sigma.js：有没有办法单独拖动一个节点

这里是我的尝试： http://jsfiddle.net/blt909/yhk3b/

jQuery(document).ready(function(){ 
    var sigRoot = document.getElementById('sig'); 
    var sigInst = sigma.init(sigRoot).position(0, 0, 1); 
    var mousePos = {}; 
    $(document).mousemove(function(e){ 
     var $div = $("#sig"); 
     mousePos = { 
      x: e.pageX, 
      y: e.pageY 
     }; 
    }); 

    function onNodeDown(evt) { 
     var sigmajs = evt.target; 
     var nodeId = evt.content[0]; 
     sigmajs.iterNodes(function(n){ 
      n.size = 5; 
      n.color = "#0000FF"; 
      n.displayX = mousePos.x; 
      n.displayY = mousePos.y; 
      console.log(n); 
     },[nodeId]);  

     sigmajs.draw(2,2,2, false); 

     sigmajs.refresh(); 
    }; 

    sigInst.graphProperties({ 
     minNodeSize: 2, 
     maxNodeSize: 5 
    }); 

    sigInst.addNode('000',{ 
     label: '000', 
     color: '#000000', 
      x: Math.random() * 100, 
      y: Math.random() * 100 
    }).addNode('111',{ 
     label: '111', 
     color: '#111111', 
      x: Math.random() * 100, 
      y: Math.random() * 100 
    }).addNode('222',{ 
     label: '222', 
     color: '#222222', 
      x: Math.random() * 100, 
      y: Math.random() * 100 
    }).addEdge('111222','111','222') 
     .addEdge('111000','111','000'); 

     sigInst.bind('downnodes',onNodeDown); 

     sigInst.draw(); 
    })

有没有人试过sigma.js同样的伎俩？

感谢您的帮助

来源

2013-12-12 blt909

喜，你解决了这个问题吗？ – MrMins

我现在没有找到任何解决方案，但我还没有尝试在我的问题和现在之间发布的新版本sigma.js ... – blt909

新sigma.js有dragNodes插件sigma.plugins.dragNodes.js但它只能在画布上的作品，仅仅只包含插件文件，并通过西格玛对象：

<script src="./plugins/sigma.plugins.dragNodes/sigma.plugins.dragNodes.js"></script>

let dragListener = sigma.plugins.dragNodes(sigInst, sigInst.renderers[0])

来源

2014-06-11 12:44:39 ddayan

只要我将我的应用程序迁移到新版本，我会尝试你的小费。 – blt909

sigma.js：有没有办法单独拖动一个节点

回答

相关问题