Vis.js节点上的animation牛眼

我使用Vis.js绘制networking图。 我希望能够有一个通知function,当一个特定的节点收到一个AJAX更新canvas移动该节点到中心(Vis.js已经可以),然后有一些types的bullseyeanimation通过节点来吸引用户的注意,直到他们点击节点。 我正在寻找的animation效果最接近的例子是http://codepen.io/MateiGCopot/pen/ogEKRK

var w = c.width = 400, h = c.height = 400, ctx = c.getContext('2d'), frame = 0; function anim(){ window.requestAnimationFrame(anim); ++frame; for(var i = 0; i < w; ++i){ ctx.strokeStyle = i%20 === 0 ? 'hsl(hue, 80%, 50%)'.replace('hue', (360 / (w/3) * i - frame) % 360 ) : 'rgba(0, 0, 0, .08)'; ctx.beginPath(); ctx.arc(w/2, h/2, (i + frame)%w/2, 0, Math.PI*2); ctx.stroke(); ctx.closePath(); } } anim(); 

这是达到这种效果的最好方法吗? 在我的机器上运行它会导致CPU使用率上升,所以看起来效率不高。
另外,我怎样才能将这样的东西与Vis.js集成在一起,这样它就会画出一个图像节点,并在节点被点击时停止。 然而,这个特殊的例子把圆圈向外画出来,我想让它们向内画,但是不知道如何改变方向。

JavaScript并不是我强大的套件,所以越详细越好解释。 此外,我没有特别绑定到Vis.js,所以如果有另一个库已经有这个function(以及可比的Vis.jsfunction),我会没事的切换。

我是visjsnetworking视图的开发者。 这在公共API中是不可能的。 我们正在开发一个4.0版本,它将允许您轻松地在renderloop中注入自己的代码。 如果你需要更快(我们预计在4月份左右),请在我们的GitHub页面上发布一个问题,我可以帮助你自己插入到源代码中。 我们想把所有的问题都放在GitHub上,这样人们就可以更容易地find答案。

编辑:另外,你当然可以改变颜色,或使用焦点function来关注节点。 但那不是你的问题。 一个解决方法可能是在节点顶部覆盖div,其中doc可以具有animation和点击处理程序的gif。 您可以使用vis API获取所述节点的位置。