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

10顶
0踩

Web前端

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

2013-07-30 10:21 by 副主编 wangguo 评论(18) 有73615人浏览
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/比较如何？

发表评论

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

相关推荐

  • Visio风格源代码组件库，流程图，矢量图，图形编辑，打印，导入，导出，VC++源代码

    Visio风格源代码组件库，流程图，矢量图，图形编辑，打印，导入，导出，VC++源代码 ...-- 100%源码全开放企业级Visio制图解决方案！ Visio风格的流程图矢量图编辑功能从E-Form++发布第一个版本就已经具

  • 流程图的绘制工具及其选择*

    为了让流程能够得以规范和...业务流程图是一种直观的工具，因此几乎所有的办公领域都会运用到它：人事部门有人事结构图，软件开发有开发流程图，各种工艺制造业的管理需要有工艺工程图……总之，由于图形表达方式便捷

  • 流程图的绘制工具及其选择

    流程图的绘制工具及其选择* 为了让流程能够得以规范和落地，我们一般都会绘制具有合适颗粒度的管理或业务流程图，并编写流程说明，制作流程文档，用来描述企业的各类业务如何运作以及业务运作模式如何解决用户...

  • 转载：十款主流科研绘图软件

    然而还有另外一种和它相媲美只是没那么流行的排版软件——LaTeX，它是一种基于TEX的排版系统。利用它能在短时间内生成很多具有书籍质量的印刷品，尤其是生成复杂表格和数学公式。因此它非常适用于生成高印刷质量的...

  • 2009年：国内常见的PKM工具软件介绍

    本文介绍的PKM工具是目前国内常见的PKM工具。 大多数的个人知识管理软件是内置网页编辑器的原理开发的，和Office文档基本上是没有关系的，最多只能作为附件；如mybase、NoteExpress、资料收藏大师、PKM 2、紫轩...

  • 49 款开源办公软件

    原文地址：... 英文原文：49 Open Source Office Tools 顶级开源办公软件，从图形到计算机辅助设计再到网页设计，包罗万象。当然，全部免费下载。 开源办公软件的好处：你可以使用它...

  • 论文中的绘图软件大总结　---自己感想：当你拼命寻找向上的扶梯时，但也要先不让自己恐高

    原文链接： 这些论文绘图软件，你一个都不会用_搜狐科技_搜狐网 ...从大量的数据资料中获得所需的效果图，已经有很多前辈们为咱们趟好了路，留下了大量的绘图软件及经验。接下来小编将为大家介绍一些...

  • 这些论文绘图软件，你一个都不会用

    这些论文绘图软件，你一个都不会用 量化研究方法 引言 众所周知，高水平的配图可以令论文、报告等显得耳目一新，瞬间提高一个档次。写文章、做报告，搞好配图已经成为了又一项标配技能。从大量的数据资料中获得所需...

  • 一些实用的功能强大的绘图软件

    然而还有另外一种和它相媲美只是没那么流行的排版软件——LaTeX，它是一种基于TEX的排版系统。利用它能在短时间内生成很多具有书籍质量的印刷品，尤其是生成复杂表格和数学公式。因此它非常适用于生成高印刷质量的...

  • 流程图, 网络图, 图形建模, 软件设计, VC++, 组件, 源程序, 源代码

    您会发现新版本的E-Form++功能已经能与包括Visio, ConceptDraw, SmartDraw等全球最领先的流程图绘制软件媲美。但E-Form++同他们不同的是，我们提供了全部源代码给你，专为软件开发人员服务， 为您开发类似应用节省...

  • 程序员的思维修炼：开发认知潜能的九堂课

    我一直在寻觅能够帮助我提高学习能力的东西，但我还没找到可以与本书媲美的。本书提供了最好的方法，帮助你成为专家级学习者，提高你的技能，指导你如何通过快速易行的学习提高工作效率。 —— Oscar Del Ben, ...

  • 如何在论文中画出漂亮的插图

    matplotlib的2维绘图很好，但是3维绘图目前还比较差，各种绘图细节方面的可选项不算很丰富，不支持隐函数绘图（形如F(x,y,z)=0这种），性能也不好（如3D的scatter，大概1万个点就开始卡了，Mathematica和Matlab ...

  • 基于C语言+AT89C52单片机搭建的PID直流电机控制程序，用于Proteus电路仿真+源码+开发文档（高分优秀项目）

    基于C语言+AT89C52单片机搭建的PID直流电机控制程序，用于Proteus电路仿真+源码+开发文档，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用~ 项目简介： 本文所介绍的基于AT89C52单片机的PID直流电机控制系统设计过程主要分为MATLAB建模、Proteus硬件电路的设计以及基于C51语法的单片机程序开发编写。本系统性质为单闭环控制，即通过转速对电机进行调速；将采用增量式编码器进行电机转速的测量，并设定PWM波形生成的开关频率为7KHz，速度回路的采样周期为14ms。 1. 所需仿真平台 单片机部分代码主要利用Keil uVision5平台进行编译，工具链采用C51。仿真电路搭建平台为Proteus 8 Professional。 2. Release版本 编译后的运行环境为Atmel AT89C52单片机平台。 3. 运行 将已发布的HEX文件放入Proteus 8 Professional仿真平台或以上版本内运行即可； 可通过修改Proteus仿真文件方波的频率（开关频率）来改变PWM相应的频率；

  • 基于.net8的物料管理系统

    {FB0886BF-35E0-480F-8B15-E4D52B351628}

  • Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar

    Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar

  • 微信小程序-模仿知乎.rar

    微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎.rar微信小程序-模仿知乎

  • 基于FreeRTOS+STM32CubeMX+LCD1602+MCP6S28的8通道模拟可编程增益放大器Proteus仿真

    基于FreeRTOS+STM32CubeMX+LCD1602+MCP6S28的8通道模拟可编程增益放大器Proteus仿真

  • srs5.0 r2版本，gb28181流媒体服务软件

    srs5.0 r2版本，gb28181流媒体服务软件

  • 基于java的教务系统小程序源码.zip

    提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。

Global site tag (gtag.js) - Google Analytics