JavaScript代码解释(事件和画布)[sigma.js]
以下是我从中获得的一些代码: 我不明白这一点:JavaScript代码解释(事件和画布)[sigma.js],javascript,html,canvas,sigma.js,Javascript,Html,Canvas,Sigma.js,以下是我从中获得的一些代码: 我不明白这一点: 函数f从何处获取事件?没有人通过 行},[event.content[0]] 我可以向画布元素添加事件吗?sigma.js绘制了一个画布,然后(我不明白怎么做)在点击和outnodes上有一个事件监听器。这是怎么发生的 谢谢 函数f从何处获取事件?没有人通过 执行处理程序时,它由bind函数自动发送 行},[event.content[0]] 它只是iterNodes函数的一个参数,该函数是一个大小为1的数组,它的值是一个名为content的属性,
f
从何处获取事件
?没有人通过},[event.content[0]]代码>
点击和outnodes
上有一个事件监听器。这是怎么发生的
谢谢
函数f从何处获取事件?没有人通过
执行处理程序时,它由bind
函数自动发送
行},[event.content[0]]
它只是iterNodes
函数的一个参数,该函数是一个大小为1的数组,它的值是一个名为content的属性,该属性也是一个数组,因此它接受它的第一个单元格。Sigma使用它自己的自定义事件调度程序。正如你在这里看到的:
它使用自己的某些参数发送事件。当您将
绑定到某个对象时,它总是通过某种分派/触发器执行。如链接中所示,dispatch/trigger添加了自定义参数,这就是为什么您可以访问内容我不知道绑定是否要这样做,文档非常有用poor@VladIoffe不良的文件不是“不确定”的迹象。相信我。它就像jQuery。这就是它的工作原理。你知道有任何不是minifide的sigma.js文件吗?如果你克隆repo并运行以下命令:cat./src/intro.jsfind./src/classes-name“*.js”
/src/sigmaintro.jsfind./src/core-name“*.js”
find./src/public-name“*.js”
/src/sigmaoutro.js>build/sigma.concat.js`它将创建库的连接版本。在这里,我用最新版本为您完成了这项工作。
function f(event)
{
sigInst.iterNodes(function(n){
node = n;
},[event.content[0]]);
alert();
}
sigInst.bind('click',f).bind('outnodes',f).draw();