首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

分享一个超酷的开源html5 canvas互动网络图形效果javascript类库 - sigma.js

sigma.js

在线演示

今天分享一个超酷的开源轻量级javascript图形网络类库 - sigma.js,这个类库基于HTML5画布实现。能够非常好的生成静态或者动态的互动网络图形。

这个类库特别为以下设计:

  • 使用图形软件输出生成互动的静态图形,例如,Gephi
  • 快速的生成动态图形

这个类库是一个独立的不依赖于第三方javascript的图形类库。开发人员可以自己开发插件来扩展功能,同时也支持类似jQuery的链式操作。支持主流的浏览器。

sigma.js

主要特性

  • 使用简单
  • 高度自定义
  • 不依赖类库
  • 支持使用和开发插件 
  • 简单易于访问的API
  • 流动绘图管理,可以插入帧
  • 类似jQuery的链式操作

如何使用

快速创建一个实例:

var sigRoot = document.getElementById('sig');
var sigInst = sigma.init(sigRoot);
sigInst.addNode('hello',{
label: 'Hello',

标签: javascript图形类库, html5画布, sigma.js

阅读更多

分享10款超酷的Javascript绘画和画布类库

日期:2012/01/19  来源:GBin1.com

javascript开发和设计人员通过使用各种JS绘图和画布类库来添加图形或者绘制功能到web应用和网站中。今天我们介绍10款相关的类库,希望大家喜欢!

1. oCanvas

一个javascript的类库帮助大家更加容易的使用HTML5的画布来开发。这个类库使用对象而非像素来开发。使用简单并且明了。

分享10款超酷的Javascript绘画和画布类库 gbin1.com

2. Drawing lines in Mozilla based browsers and the Internet Explorer

HTML本身不能绘制直线。因此,浏览器没有内建的特性来绘制直线。通过使用javascript及其Bresenha算法,我们可以通过浏览器的运行环境和内存足迹来绘制图形。

分享10款超酷的Javascript绘画和画布类库 gbin1.com

3. canviz JavaScript library

使用Canviz可以极大地帮助你的web应用产生和发送基于bitmapped图片和图片地图因为服务器只需要让Graphivz产生xdoc文本,这样比产生bitmapped图片更加快速。

分享10款超酷的Javascript绘画和画布类库 gbin1.com

标签: javascript图形类库, javascript绘图类库, js绘图类库, cool javascript drawing libraries, cool javascript canvas libraries, jquery tools, jquery library, jquery and javascript

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐