- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我对 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
},
}
我在 Canvas 上创建了一个节点。我的问题是:如何在将鼠标移到节点上时立即显示节点 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);
希望对您有所帮助!
关于javascript - Arbor js - 将鼠标移到节点上时将节点 ID 显示为文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19791586/
以下代码绘制了 egg 的图像在 html5 Canvas 上 function init() { var canvas = document.getElementById("canvas");
我一直在使用 arbor.js,需要帮助解决几个问题。我能够基于数据库创建一个图形,一个基本图形。现在,我需要做的是,单击节点并获取节点数据并将其显示在侧面。也有一个有向边。所以,问题是 我的 mou
我希望使用 arbor.js 作为创建带注释插图的方式。 计划: 固定尺寸 Canvas 将图像绘制到 Canvas 上 - 作为示例,我使用了头部轮廓。 然后混合使用固定节点和 float 节点
我正在使用 arbor js 使用其基于力的算法来创建图表。 我希望能够在总能量低于某个点后保存节点的 x,y 系统坐标,以便我可以在访问图形时重新加载它们,以避免重新加载从头开始处理所有能量。 我在
我正在使用 arbor.js创建图表。 如何为节点创建 onclick 事件,或在某处点击时创建节点链接? Arborjs.org 主页有点击后链接到外部页面的节点,如何复制它,或者让节点在点击时调用
当创建一个带有单个节点的普通 Arbor JS 图时,该节点会到处抖动,并且无法添加更多节点。 另一个用户也在这里报告了这个问题: https://github.com/samizdatco/arbo
我一直致力于调整 arbor.js 以使用图像。 然而,作为一个相对的 JS 菜鸟,我拥有的是完全未优化的。 据我所知,我设置它的方式是为每个图像和每个帧重新创建图像对象,从而导致大量闪烁。 任何人都
我正在使用 arbor.js 和 raphael.js 绘制连接图。在我的本地主机上一切正常,但在heroku上,我收到以下错误: Uncaught Error: SECURITY_ERR: DOM
我对 Javascript 和 Arbor 很陌生,在绘制完整的节点图时遇到了一些困难。我想从展示我的代码开始我的问题: var handler = { clicked:fu
如何在 arbor.js 中为边缘添加标签它是一个图形可视化库。 假设A和B是节点,E是边一种粗略的方法是插入一个“文本节点” T并加入 A-T 和 T-B 但是我不想这样,有没有其他办法? 这是示例
我们正在构建一个rails应用程序,并使用Arbor.js在rails应用程序的网页上显示节点图,它在本地主机上运行良好,但是当我们部署时,我们收到以下错误。 Resource interpreted
我正在使用 arbor.js 构建图表图书馆。 我使用 arbor.js 的 addNode() 和 addEdge() 函数构建图表。现在我想使用 .toJson() 之类的东西来检索构建的图形,它
我需要在 ruby on Rails 项目中添加 arbor.js 以实现图形可视化 我更改了 gemfile,添加了 gem:gem 'arbor-rails', '~> 0.0.4',然后进行
在 Arbor.js 可视化中,有超过 30 个节点链接到父节点,父节点在集群的相对两侧之间振荡 - gif . 可通过 this repo 重现- 检查一下,启动本地服务器 (python -m S
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预
我想使用 http://arborjs.org/atlas/插件,但该插件在 IE 中不起作用。任何人都知道任何像 arbor 这样的 jquery 插件,它可以在大多数浏览器中运行并且易于使用。我有
我是一名优秀的程序员,十分优秀!