在JointJS中,元素如何访问position、inPorts和outPorts

In JointJS, how an element accesses position, inPorts, outPorts?

本文关键字:position 访问 inPorts outPorts JointJS 元素 何访问      更新时间:2024-04-06

我的学术项目使用jointJS,我有这样一个问题,一个元素如何访问position,inPorts,outPorts?例如,我们创建这样一个元素,

var m1 = new joint.shapes.devs.Model({
position: { x: 50, y: 50 },
size: { width: 90, height: 90 },
inPorts: ['in1','in2'],
outPorts: ['out'],
attrs: {
    '.label': { text: 'Model', 'ref-x': .4, 'ref-y': .2 },
    rect: { fill: '#2ECC71' },
    '.inPorts circle': { fill: '#16A085' },
    '.outPorts circle': { fill: '#E74C3C' }
}
});
graph.addCell(m1);

我想从m1获得positioninPorts,我已经尝试过m1( 'position' )m1.position(),但没有起作用。

有人能解决这个问题吗?提前谢谢。

您可以使用m1.get('position')m1.get('inPorts')。您也可以使用m1.prop('position')m1.prop('inPorts')。不同之处在于,get(property)仅用于访问平面属性,而prop(path)也可以获得嵌套属性(例如m1.prop('attrs/rect/fill').