重置panzoom应该在cytoscape.js中将图形设置为原始状态

Question

给定https://github.com/cytoscape/cytoscape.js-panzoom  当我将任何节点拖动到任何位置并再次缩放并重置（即适应屏幕）使用重置按钮进行缩放时，拖动的节点将保持在新的位置，在该位置下垂，它只适合图形。 是否可以将图形重置为原始状态？即如果我将节点移动到任何位置，那么在重置（适合屏幕）后，它应该出现在其原始状态/位置。 我用过布局{ 名字：＆＃39;可乐＆＃39; 布局图形。 谢谢！

Answer 1

这是将图形重置为原始位置的代码，我把它放在cytoscape.js-panzoom.js中。代码如下：

                    $reset.bind("mousedown", function(e){
                    if( e.button != 0 ){
                        return;
                    }var cy = $container.cytoscape("get");
                    if( cy.elements().size() === 0 ){
                        cy.reset();
                    } else { coseOptions = {
                          name: 'cola', //set layout
                          ready               : function() {},
                          stop                : function() {},
                          refresh             : 0,
                          animate              : false,
                          fit                 : true, 
                          padding             : 30, 
                          randomize           : false,
                          debug               : false,
                          nodeRepulsion       : 10000,
                          nodeOverlap         : 10,
                          idealEdgeLength     : 10,
                          edgeElasticity      : 100,
                          nestingFactor       : 5, 
                          gravity             : 250, 
                          numIter             : 100,
                          initialTemp         : 200,
                          coolingFactor       : 0.95, 
                          minTemp             : 1
                        };
                   cy.layout(coseOptions);
                       //cy.fit( options.fitPadding );
                    }

                    return false;
                });