Class 用于绘制UML类图的JavaScript库

Class 用于绘制UML类图的JavaScript库,class,uml,javascript,class-diagram,Class,Uml,Javascript,Class Diagram,我正在寻找一个javaScript库,它可以从我提供的代码中自动绘制UML类图(还不确定,但很可能来自xml文件)。 这些类应该有单独的特性,比如颜色或类型大小。因此,我将使代码适应我的需求 我已经见过拉斐尔和乌姆卡瓦斯。还有其他图书馆吗?我应该选哪一个 Thx提前寻求帮助 有许多工具可以将uml模型的文本描述转换为图形表示(参见完整列表)。如果需要JavaScript,除了您提到的check之外,还有几个库可以生成UML类图(不在线) 服务、编辑器和web应用程序)。主要问题是图形组件设计和图

我正在寻找一个javaScript库,它可以从我提供的代码中自动绘制UML类图(还不确定,但很可能来自xml文件)。 这些类应该有单独的特性,比如颜色或类型大小。因此,我将使代码适应我的需求

我已经见过拉斐尔和乌姆卡瓦斯。还有其他图书馆吗?我应该选哪一个


Thx提前寻求帮助

有许多工具可以将uml模型的文本描述转换为图形表示(参见完整列表)。如果需要JavaScript,除了您提到的check之外,还有几个库可以生成UML类图(不在线) 服务、编辑器和web应用程序)。主要问题是图形组件设计和图表的响应级别

如果您想创建静态图表组件,有很多库,但是如果您想制作一个类似于运行时图形编辑器的工具,那么您的选择是有限的:

  • 如果你愿意的话 像这样构建自己的图形编辑器。 图形具有响应性和交互性,用户可以移动或调整图形大小 阻止、修改文本、添加或删除关系

  • 是一家商业图书馆,由学术用途的免费许可证提供。如果要创建图表编辑器,这也是合适的选择。有很多现成的图表可用,它们可以交互移动块、修改文本和关系;以及其他不同图表的许多其他功能

  • 是Mozilla公共许可下的开源,这意味着您必须包含版权,但您可以将其用于商业目的。它依赖于jQuery 3.1.1、Lodash 3.10.1和主干1.3.3。(正在使用此库) 它提供了许多随时可用的图表元素,这些元素是响应性的和可扩展的 互动的用户可以移动块、添加和删除关系以及 关节,放大和缩小

  • 是用于创建类似Visio的图形、图表或工作流的库。社区版的售价将近5欧元。它确实提供了类似Visio的块和图表,它们可以交互调整大小、移动块和修改文本和关系,还可以对块进行分组、放大和缩小。这是构建图形编辑器工具的一个很好的选择。

  • 由Christophe VG作为js库,它从文本信息中提供UML图。这些图表的响应方式可以让你移动这些块;关系线是保持设计美观的明智选择。但仅此而已。

  • 是一个UML工具,可以通过jQuery库(也可以使用其他语言的库)从文本信息提供UML图,但是这些图没有响应性

  • 是一个小型JavaScript库,可以简化您在web上使用矢量图形的工作。这并不是创建graph editor的最佳工具,但它为简单的用户交互(如移动和弯曲)提供了亮丽的图表

其他库(如、、和)也为图表提供基本组件,但它们没有内置编辑器。但这些库中有更多不同的图表和图形组件可用。它们可能不是为用户创建完整交互式和可编辑的图表(包括图形编辑器)的最佳选择。

也考虑YUML图()。它将根据yUML语法呈现一个图表