首页风格
门户
博客

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

阅读更多

分享一个HTML5画布实现的超酷文字弹跳球效果

日期:2012/03/05  来源:GBin1.com

分享一个HTML5画布实现的超酷文字弹跳球效果

在线演示  本地下载

今天我们分享一个来自于html5canvastutorials的超酷弹跳球效果,这里我们使用纯HTML5的画布来实现动画及其图形。整个效果使用小球来组合生成字体,如果你的鼠标逼近这些小球,它们会四散而逃,当你的鼠标离开后,它们又自动复原,效果很酷,希望大家喜欢!

       <script>
window.requestAnimFrame = (function(callback){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame…

标签: HTML, HTML5, javascript, canvas, html5画布, 弹跳球, 画布

阅读更多

分享一个HTML5的高性能画布Javascript类库 - KineticJS

日期:2012/03/05  来源:GBin1.com

分享一个HTML5的画布Javascript类库 - KineticJS

在线演示

今天分享一个不错的针对HTML5的独立Javascript类库 - KineticJS,使用这个类库你可以轻松的进行图形和图片绘制和修改,执行动画效果,或者和图形图片进行互动。

针对比较大型的程序,这个类库还提供了性能测试的用例,你可以很直观的查看大量图片处理情况下的性能和效果。

当然,值得一提的是它拥有很多可直接使用的类库,这一点儿肯定会让大家喜欢的!

分享一个HTML5的画布Javascript类库 - KineticJS

主要特性

  • 支持所有现代浏览器
  • 不依赖任何js类库
  • API文档完整
  • 绘图快,性能非常好

分享一个HTML5的画布Javascript类库 - KineticJS

KineticJS的性能压力测试在线演示例子

分享一个HTML5的画布Javascript类库 - KineticJS

来源: 分享一个HTML5的高性能画布Javascript类库 - KineticJS

标签: KineticJS, HTML5, javascript, canvas, html5画布

阅读更多

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

?ü?à

今日推荐