从圆形到矩形自定义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'
      }],
    }