javascript - 自定义 JointJS 端口从圆形到矩形

Question

我目前正在与 Jointjs 合作。我们如何将端口的形状从圆形更改为矩形。我希望其他功能也能正常工作。只需改变它们的外观即可。

是否可以？

Answer 1

我们可以自定义端口的形状。以下是矩形端口的代码示例，它对我有用。

ports: {
    groups: {
      'myPorts': {
        position: 'top',
        attrs: {
          '.port-body': {
            stroke: 'red',
            strokeWidth: 2,
            height: 10,
            width: 10,
            magnet: true
          }
        },
        markup: '<rect class="port-body"/>'
      }
    },
    items: [{
        group: 'myPorts'
      }],
    }