本文主要是介绍分享一个超酷的开源html5 canvas互动网络图形效果javascript类库 - sigma.js，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
在线演示
今天分享一个超酷的开源轻量级javascript图形网络类库 - sigma.js，这个类库基于HTML5画布实现。能够非常好的生成静态或者动态的互动网络图形。
这个类库特别为以下设计：
- 使用图形软件输出生成互动的静态图形，例如，Gephi
- 快速的生成动态图形
这个类库是一个独立的不依赖于第三方javascript的图形类库。开发人员可以自己开发插件来扩展功能，同时也支持类似jQuery的链式操作。支持主流的浏览器。
主要特性
- 使用简单
- 高度自定义
- 不依赖类库
- 支持使用和开发插件
- 简单易于访问的API
- 流动绘图管理，可以插入帧
- 类似jQuery的链式操作
如何使用
快速创建一个实例：
var sigRoot = document.getElementById('sig');
var sigInst = sigma.init(sigRoot);
sigInst.addNode('hello',{label: 'Hello',color: '#ff0000'
}).addNode('world',{label: 'World !',color: '#00ff00'
}).addEdge('hello_world','hello','world').draw();
支持高度的定制：
sigInst.drawingProperties({defaultLabelColor: '#ccc',font: 'Arial',edgeColor: 'source',defaultEdgeType: 'curve'
}).graphProperties({minNodeSize: 1,maxNodeSize: 10
});
希望大家能够喜欢！
原文来自：分享一个超酷的开源html5 canvas互动网络图形效果javascript类库 - sigma.js
这篇关于分享一个超酷的开源html5 canvas互动网络图形效果javascript类库 - sigma.js的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
