在JointJS中,可以使用port-label
属性来定位端口相对于端口的标签。该属性可以设置为一个字符串,表示标签相对于端口的位置。常用的取值有:
"left"
:标签位于端口的左侧"right"
:标签位于端口的右侧"top"
:标签位于端口的上方"bottom"
:标签位于端口的下方例如,如果要将标签位于端口的右侧,可以使用以下代码:
var port = new joint.shapes.basic.Circle({
position: { x: 100, y: 100 },
size: { width: 10, height: 10 },
attrs: {
circle: { fill: 'blue' },
'.port-label': { text: 'Port Label', 'port-label': 'right' }
}
});
在上述代码中,port-label
属性被设置为right
,表示标签位于端口的右侧。
领取专属 10元无门槛券
手把手带您无忧上云