Cytoscape.js 美化

Cytoscape.js 为了性能，在个性化样式定制上，没有给出开箱即用的法子。

例如，想实现下面这样的效果图，G6有动画支持，而 Cytoscape.js 却没有。

关系图

如果确定要用Cytoscape.js ，该怎么实现这个效果呢？

当然，最直接的办法是用canvas动画来处理，但我暂时没精力研究canvas。

我想到了之前用过一个Canvas绘图库，里面提供了飞线图，正是我想要的效果。

DataV的飞线图

能不能把二者结合呢？当然可以，用Cytoscape.js 绘制静态节点，用DataV绘制动画不就可以了嘛。

顺着这个思路，以很小的学习成本就实现了开头的那个demo。

灵活的组合使用工具，也是一门技术。