`

jointjs与rapheal简单说明

 
阅读更多

Rapheal相对比较底层,如果自己开发,工作量大,好多东西要自己写,成本要高。

jointjs已经把基础东西都做好,例如拖动,单击等事件已经非常好,而且元素是以组件形式自定义,非常方便。易上手,开发简单。里面还有图形排版功能,也是一插件。

不过要注意的是,如果流程非常复杂,而且庞大的话,要注意JOINT加载的时间是否可以接受,因为joint持 久化以后,通过JSON数据加载时,有一点慢,这个可能是绘图慢,不太清楚。

另外就是引用的插件多:jquery,lodash,backbone是必须的。

 

jointjs分为商业收费版和免费版的,免费版非常不错,没有用过商业版的,看DEMO挺强大。

 

目前版本为0.9.5,项目中使用的为0.9.3还不错,不过发现里面有些bug,而且dist中发布的源码,有的都不一样,这bug太明显,真感觉是醉了(难道不是bug?)。

 

网摘:

 

JointJS是一个跨浏览器的JavaScript工具包,用于创建完全互动式图表。它基于Raphaël.js开发。这个工具包拥有一套基于插件的可扩展机制,可以轻松扩展现有功能。当前已经提供了一些可以马上使用的插件来绘制常见的图形包括:ERD、Org chart、FSA、UML、PN、DEVS、LDM等。图形中的对象可以被拖动,并能够保持创建时的层次结构,此外还在每一层级提供了一些回调函数

官网:www.jointjs.com

 

 

Raphael是一个用于在网页中绘制矢量图形的Javascript库,它使用SVG W3C推荐标准和VML作为创建图形的基础,可以通过JavaScript操作DOM来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。

官网地址:http://raphaeljs.com/

英文帮助文档:http://raphaeljs.com/reference.html

中文帮助文档:http://lab.wangyuanwai.com/raphael-js/docs/

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics