[英]How to show the node's label when the mouse is over the node in Arbor js
[英]Arbor js - Show the node ID as text when you move the mouse over a node
我对 Javascript 和 Arbor 很陌生,并且在绘制完整的节点图时遇到了一些困难。 我想以显示我的代码开始我的问题:
var handler = {
clicked:function(e){
var pos = $(canvas).offset();
_mouseP = arbor.Point(e.pageX-pos.left, e.pageY-pos.top)
selected = nearest = dragged = particleSystem.nearest(_mouseP);
if (dragged.node !== null) dragged.node.fixed = true
$(canvas).bind('mousemove', handler.dragged)
$(window).bind('mouseup', handler.dropped)
$(canvas).bind('mouseup', handler.newFunction)
},
newFunction:function(e){
if (dragged===null || dragged.node===undefined) return
if (dragged.node !== null){
dragged.node.fixed = false
var id=dragged.node.name;
//alert('Node selected: ' + id);
}
return false
},
}
我在画布上创建了一个节点。 我的问题是:例如,当我将鼠标移到节点上时,如何显示节点 ID 或任何文本信息? 我只想在将鼠标移到该节点上时显示文本。 您的帮助将不胜感激。
也许您可以添加一个 mousemove 侦听器,然后您可以在回调函数中测试鼠标是否在一个节点上。
moved:function(e){
var pos = $(canvas).offset();
_mouseP = arbor.Point(e.pageX-pos.left, e.pageY-pos.top)
nearestNode = particleSystem.nearest(_mouseP);
if (!nearestNode.node) return false
boxTuple = nodeBoxes[nearestNode.node.name];
//judge whether mouse is on the node or not
if(isInRectangle(boxTuple,_mouseP))
{
var id = nearestNode.node.name;
alert("Node selected:" + id);
}
return false
},
//add a mousemove listener
$(canvas).mousemove(handler.moved);
希望能帮助到你!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.