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/
相关推荐
在这个压缩包中,你可以找到一系列与制作启动画面相关的文件,这些文件可能包括图片、音频、代码片段以及可能的编辑软件。 制作第一屏是应用或游戏开发中的重要环节,因为它是用户首次接触产品的视觉表现,直接影响...
Raphaël是一个基于SVG(Scalable Vector Graphics)和VML(Vector Markup Language)的库,它使得在网页上创建矢量图形变得简单。由于SVG和VML是基于XML的,因此它们可以被浏览器解析,并且能够提供高质量的图形...
Raphaël.js 是一个基于矢量图形的JavaScript库,它允许开发者在Web浏览器中创建复杂的2D图形,包括图表、地图和其他各种图形元素。在这个特定的案例中,我们讨论的是如何利用Raphaël来绘制雷达图。雷达图,也被...
难得一见的raphaeljs chm手册 绝对超值!
特别的是,当节点在图表中移动时,这些线段会自动调整位置,保持与相应节点的正确连接,这大大提高了设计的便利性和准确性。 在流程图设计中,交互性是关键。基于Raphael的工具允许用户实时编辑和调整流程图,这种...
用Raphael做的拓扑图,可以拖动,可以定义节点的坐标,链路等
标准C++.编程宝典 【作 者】(美)Rapheal Pender,苏剑等
标准C++.编程宝典 【作 者】(美)Rapheal Pender,苏剑等 [同作者作品]
标准C++.编程宝典 【作 者】(美)Rapheal Pender,苏剑等 [同作者作品]
本文仅对官网API进行了翻译,是英语差参考者的福利