基于 Javascript 的 UML 图编辑器
发布于2021-06-29 23:34 阅读(611) 评论(0) 点赞(30) 收藏(2)
我正在寻找一个基于 HTML5/JS 的 UML 编辑器库，能够支持自定义 UML 编辑器开发，基本上是类图，最终是包和组件图。
我的具体要求：
- 支持 UML 类图（强制）和组件和包（可选）的基本元素：类、属性、方法、构造型、关联（所有风格）、泛化等。
- 工具箱中的拖放功能（可选）
- XMI 支持（可选）
- 纯 JS/HTML5，最终使用一些知名的库
- 对模型逻辑结构的良好控制和用于迭代模型的漂亮界面
我已经看过其中的几个（GoJS、Jointjs 等），但希望看到所有可能的选项，也许还有一些建议。
谢谢！
解决方案
有一些库可以根据这些要求生成 UML 图。
JointJs 核心库是在 Mozilla Public License 下开源的，这意味着您必须包含版权，但您可以将其用于商业目的。它依赖于 jQuery 3.1.1、Lodash 3.10.1、Backbone 1.3.3。（Rapppid正在使用这个库）它提供了许多随时可用的图表元素，这些元素是响应式和交互式的。用户可以移动块，添加和删除关系和关节，放大和缩小。
Draw2D是创建 Visio 之类的绘图、图表或工作流的库。社区版差不多要5欧元才能买到。它确实提供了类似 Visio 的块和图表，它们是交互式的，可以调整大小、移动块和修改文本和关系，以及对块进行分组、放大和缩小。这可能是构建图形编辑器工具的不错选择。
mxgraph是一个库，用于构建像draw.io这样的 UML 编辑器。创建的块是交互式的，因此用户可以移动块或调整块大小、修改文本、添加或删除关系。
gojs是另一个商业图书馆，但它提供可用于学术目的的免费许可证。它也是创建 UML 编辑器的合适选择，有许多现成的图表可用。创建块后，用户可以移动它们，修改文本和关系；以及其他不同图表的许多其他功能。
Christophe VG 的UmlCanvas作为 js 库，它提供来自文本信息的 UML 图。这些图表以一种您可以移动块的方式进行响应；和关系线很聪明，可以保持设计漂亮。但不止于此。
PlantUML是一个 UML 工具，它可以通过 jQuery 库（也可以使用其他语言的库）从文本信息中提供 UML 图，但是这些图没有响应。
Raphaël是一个小型 JavaScript 库，可以简化您在 Web 上使用矢量图形的工作。这不是创建图形编辑器的最佳工具，但它为简单的用户交互（例如移动和弯曲）提供了闪亮漂亮的图表
还有其他库，例如：
它们提供了图表的基本组件，但其中大多数没有内置编辑器的功能，例如拖放和块编辑。另一方面，开发人员可以创建不同的图表和绘图组件，这些库可以使用这些组件。它们可能不是为用户创建完全交互式和可编辑图表的最佳选择。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/138984/c90b84df979739d9ef95/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力