javascript - 模型端口的 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 时，这种样式不再影响模型的移植。该属性名称在最新版本中是否有更改。有知道这个问题的 friend 请解释一下，谢谢。

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 .