资讯频道 → Web前端
阅读更多

10顶
0踩

Web前端

原创新闻 JointJS：可与Visio相媲美的开源在线制图工具

2013-07-30 10:21 by 副主编 wangguo 评论(18) 有73980人浏览
JointJS Visio JavaScript 图表 UML

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

JointJS是一个开源的、基于JavaScript的图表库，可以用来创建静态图表、完全可交互的图表以及应用程序。采用Mozilla Public License 2.0开源许可证。


JointJS可以作为微软Visio工具的在线开源替代品，其主要特点如下：

  • 基本图元素（矩形、圆形、椭圆形、文字、图像、路径）
  • 用于创建ERD、组织结构图、FSA、UML、PN、DEVS等专业图表的各种元素
  • 基于SVG或编程方式来自定义图表元素
  • 交互式元素和链接
  • 连接图元素
  • 自定义图元素之间的连接线，比如箭头和标签等
  • 平滑连接（贝塞尔曲线插值法）
  • 元素的连接点可以被放置在任何地方
  • 分层图
  • JSON格式数据的序列化/反序列化
  • 事件驱动
  • 支持缩放，支持触摸操作
  • 支持插件
  • MVC架构
JointJS支持大部分桌面及移动端的现代浏览器，包括Chrome、Firefox、Safari、IE 9+等。

项目官网：http://jointjs.com/

源码：https://github.com/DavidDurman/joint

该项目已以镜像方式托管在CSDN CODE平台，你也可以在该平台上查看源码、fork项目或参与讨论等。

项目地址：https://code.csdn.net/OS_Mirror/joint
  • 大小: 53.2 KB
10
顶
0
踩
评论 共 18 条 请登录后发表评论
18 楼 Alsmile 2019-09-28 22:43
和这个类似的开源绘图工具和绘图引擎，刚推出就收到很多开发者喜欢，被开源中国推荐，基于typescript + canvas写的，易集成、方便自定义图形库，支持微服务架构图、流程图、时序图、活动图、类图等：
https://juejin.im/post/5d6c88726fb9a06b0e54ab35


17 楼 Alsmile 2019-09-04 11:04
另一个开源的基于typescript + canvas写的微服务架构、流程图等绘图工具：
16 楼 stroer 2014-06-09 16:21
纯替代 还是有自己的特点啊
15 楼 lanlanlan12345 2014-04-01 21:43
能否提个问题：我调用joint.js和joint.shapes.min.js来画ER图。我想给程序传几个实体、属性等的名字，直接画出实体图来。但是坐标该怎么动态指定。不知有人能提供给一个思路不。期待~
14 楼 小林夕 2013-08-08 11:11
一个非常好的案例 ProcessOn  一款基于HTML5 Canvas websocket的在线流程图工具 
13 楼 freezingsky 2013-08-02 09:50
不知道 这样的工具，一般是用在什么地方？
12 楼 damoqiongqiu 2013-08-01 09:32
可惜了，IE10不能运行
11 楼 osacar 2013-07-31 09:02
就是想用来画流程图。
10 楼 gagaboy 2013-07-30 20:01
看了下  好像新的jointJS重写了  不再依赖于raphael了 自己勘误一下
9 楼 gagaboy 2013-07-30 18:38
JointJS本身是基于raphael的一个扩展
将一些基本元素  比如矩形  连接线等 按照UML或者类流程节点做了一定的封装
其实更像一个web的图形化UML的雏形实现  很多细节点是有待完善的
楼主说的有点过  但是本身还是不错的  看了下 好像主页都更新了 up一下
8 楼 ouakira 2013-07-30 15:51
比起Visio，不知道这个工具强大在哪里？用词请慎重。
7 楼 alvin198761 2013-07-30 15:36
我曾经自己用flex做了一个，单从操作上来讲，还是基本和viso不相上下，只是指支持很少的图，但不敢说比他更强大，毕竟人家是桌面的
6 楼 hattah 2013-07-30 13:31
搜狗没有效果，chrome有，浏览器不兼容？
5 楼 jysemel 2013-07-30 12:57
慢的要死...打不开
4 楼 WingForce 2013-07-30 12:48
随意试验了下，浏览器就死了
3 楼 ray_linn 2013-07-30 12:43
更强大基本是扯淡和搞笑了。
2 楼 rox 2013-07-30 12:31
这东西，用来画流程图应该不错。
1 楼 phoenixup 2013-07-30 10:29
与D3http://d3js.org/比较如何？

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics