如何使用CodeSmithyUMLWebWidget创建类图

Question

我想创建一个动态网站，在这里我可以生成课程图（用于学校项目）

为此，我想使用CodeSmithyUMLWebWidget提供的de库。 （https://github.com/CodeSmithyIDE/UMLWebWidget）

所提供的示例确实很基础，但是我设法生成了一个类图。到目前为止一切都很好：）

我遇到的问题是如何定义连接点。提供的js库将连接点定义为例如“ left-center”

我不太了解Javascript，所以我需要你们的一些帮助。

有人可以看一下脚本并给我一个有关如何定义连接点的示例吗？

感谢所有帮助

JS库具有以下类：

... 类ConnectionPointPosition {

constructor(type) {
    switch (type) {
        case "top-center":
            this.type = topCenter
            break

        case "top-right":
            this.type = topRight
            break

...

Answer 1

找到了解决方案，您需要在元素的布局中对其进行定义，如下所示：

      var layout = {
    "elements": {
      "startElement": { position: { "x": 1, "y": 65 } },
      "endElement": { position: { "x": 100, "y": 5 } },
      "startElement-endElement-inheritance": { "end": "left-center" }
      }
    }