javascript - 在JointJS中，元素如何访问位置、inPorts、outPorts？

Question

我正在为我的学术项目使用jointJS，我有这样一个问题，元素如何访问位置、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);

我想从 获取position和inPorts从m1，我已经尝试了m1( 'position' ) and m1.position() ，但是没有用。

有人可以解决这个问题吗？先感谢您。

Answer 1

您可以使用m1.get('position')和m1.get('inPorts')。您也可以使用m1.prop('position')和m1.prop('inPorts')。不同之处在于get(property)它仅用于访问平面属性，同时prop(path)也能够获取嵌套属性（例如m1.prop('attrs/rect/fill').