javascript - JointJS端口定位

Question

如何获取模型对象顶部和底部的端口？

我看到端口始终创建在模型的左侧和右侧。我需要它在顶部和底部。

我不想使用旋转变换，因为它也会改变标签的方向。

Answer 1

幸运的是我找到了解决方案

您有特定的模型对象，对吗？我们称它为 element。

element.attr({
'.inPorts': {transform: 'rotate(-90)'}
});

端口现在将水平放置。玩一点或精确定位。您可以使用 ref-x 或 ref-y 属性。

element.attr({
    '.inPorts': {transform: 'rotate(-90)', 'ref-x':0.3,'ref-y':-0.3}
});

注意:它只适用于在元素顶部有端口，也可以尝试一些 hack 用于底部。

编码愉快!