动态图形可视化库:fourd.js

d3fw 9年前

fourd.js 是一个用在浏览器上的动态图形可视化库。稍微调整一下,你就可以用它做出一些几何图形集合,此库已经在 Chrome、Firefox、IE11 上测试运行,有传言说,通过切换 CanvasRenderer,此库甚至可以在树莓派上运行。

示例代码:

var fourd = new FourD(); // instantiation  fourd.init('#selector', {width: 600, height: 350}); // initialization  var vertex_options = {    width: 5, // pixels    height: 5,    depth: 5,    color: 0x000000 // hex color  };  // or:  var vertex_options = {    width: 5,    height: 5,    depth: 5,    texture: 'path_to,png'  }  // or:  // leave out vertex options altogether.  // default values will be used.  var vertex1 = fourd.graph.add_vertex(vertex_options); // add a vertex  var vertex2 = fourd.graph.add_vertex(vertex_options); // add another vertex  var edge_options = {}; // currently not defined, but this is how you would pass them.  var edge = fourd.graph.add_edge(vertex1, vertex2, edge_options);  fourd.graph.remove_edge(edge); // this is why you keep those variables  fourd.graph.remove_vertex(vertex1);  fourd.graph.remove_vertex(vertex2);

项目主页:http://www.open-open.com/lib/view/home/1430224694084