模型端口的JointJS 2.2.1样式

Question

以前，我使用的是JointJS 0.9.10，并且shapes.devs.Model的attrs如下所示正常工作

attrs: {
      '.inPorts .port-body': { fill: 'red' },
      '.outPorts .port-body': { fill: 'yellow' }
}

但是，当我将JointJS升级到2.2.1版时，此样式不再影响模型的端口。此属性名称是否在最新版本上进行了更改。知道此问题的任何人请向我解释，谢谢。

Answer 1

JointJS v2.2.1中的等效表达式就是这样。

el.prop({
  ports: {
    groups: {
      'in': {
        attrs: {
          '.port-body': { fill: 'red' }
        }
      },
      'out': {
        attrs: {
          '.port-body': { fill: 'yellow' }
        }
      }
    }
  }
});

自1.0版以来，可以将端口添加到任意joint.dia.Element中。端口不是元素标记的一部分，不能再通过attrs设置样式。

有关更多信息，请参见端口API documentation。