Настройте порты 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'
      }],
    }