自定义从圆形到矩形的 JointJS 端口

Question

我目前正在使用 Jointjs。 我们如何将端口的形状从圆形更改为矩形。 我希望其他功能在 same.Just 外观发生变化时发挥作用。

可能吗？

Answer 1

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

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'
      }],
    }