Neu bei JOINT JS

Question

Wenn Klonen von Objekten weiß ich, wie Attribute zum Beispiel ändern>

Clone Object 1 2 times var m5 = m1.clone().translate(300, 0).attr('rect/fill', '#F69F43').attr('.label/text', 'Model 2').addTo(graph); 

hier Namen attr Label/Text

ändern, aber dieses Element:

var m1 = new joint.shapes.devs.Model({ 
position: { x: 300, y: 50 }, 
size: { width: 120, height: 150 }, 
inPorts: ['in1','in2','in3','in4'], 
outPorts: ['out'], 
attrs: { '.label': { text: 'Model1', 'ref-x': .4, 'ref-y': .2 }, rect: { fill: '#2ECC71' }, 
'.inPorts circle': { fill: '#16A085', magnet: 'passive', type: 'input' }, 
'.outPorts circle': { fill: '#E74C3C', type: 'output' }, 
'.name': { name: 'Bloque1' } } }).addTo(graph); 

Wie klonen Sie das Ändern von .inPorts Circle fill ???

Dank

Answer 1

var m5 = m1.clone().attr('.inPorts circle/fill', 'red').addTo(graph); ändert sich die Farbe der einzelnen Eingangs-Ports auf rot. Sie können die Farbe der einzelnen Port mit m5.attr('.inPorts>.port3>circle/fill' ,'green')