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/

jointjs与rapheal简单说明相关推荐

html控制图的宽,用JointJS做一个简单的功能控制图
继上一篇介绍了GoJS之后,继续研究JS的绘图工具,毕竟GoJS有些小贵.这次选择了JointJS,完全开源,它还有一个商业版本叫Raddit,功能更强大.不过就我的需求场景,开源的Joint就足够了 ...
jointjs教程例子
用JointJS做一个简单的功能控制图资料来源资料来源2 一个官方的HelloWorld: window.onload=function() {var graph = new joint.dia. ...
JointJS几个实用功能的简单实现
JointJS是以SVG为基础,依赖Backbone.jQuery和Lodash开发的一款实现流程图绘制的开源前端框架,属于比较冷门的技术,网上文档甚少,基本上只能靠英文官网学习,以下是某大神汇总的部 ...
JointJS简单小例子
JointJS是一个HTML5的JavaScript库,用于创建完全互动式的图表,它极易上手且操作简单,并且支持所有的现代浏览器,对于时间紧迫的我们非常有利.我们可以使用JointJS已提供的图元素绘 ...
JointJS+新的MindMap应用程序
JointJS+新的MindMap应用程序添加了一个新的应用程序:MindMap-MindMap应用程序可以帮助您的团队或最终客户直观地组织信息,提出新想法并进行协作.所有必要的工具(例如命令管理器 ...
JointJS入门实例01-在JOINTJS元素中使用HTML
1.1 简介很多时候,您可能希望在JointJS图表中使用HTML输入或其他HTML元素.本实例中使用的技术是创建一个自定义视图,用于呈现HTML并处理与HTML的交互.一种不同的方法可能是使用 ...
JointJS零基础入门01-JointJS
1.1 JointJS简介 JointJS是用Backbone MVC库构建的,基于是基于jQuery,Underscore,Backbone 和 SVG.图表由与链接相连的元素组成,JointJS中 ...
jointJS(一）--关于jointJS的初认识
最近由于项目需要,开始接触jointJS,妥妥不停刷文档模式,先写一下对于jointjs的粗浅认识吧. 我们可以使用JointJS已提供的图元素绘图,也可根据需求自定义一些图元素.除此之外,Joint ...
JointJS官方API（中文）
某位大佬博主整理的,备份一份,方便使用. 原文地址:https://blog.csdn.net/orangeunicorn/article/details/84982992 锚点anchor 链接锚是 ...

jointjs与rapheal简单说明

jointjs与rapheal简单说明相关推荐

最新文章

热门文章