javascript - JointJS中元素如何访问position、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);

我想从m1获取position和inPorts，我试过m1('position')和 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').