cytoscape-noderesize

Description

A plugin that creates a node resize control

Dependencies

• Cytoscape.js >=2.3.8
• jQuery >= 1.4

Usage instructions

Download the library:

• via npm: npm install cytoscape-noderesize,
• via bower: bower install cytoscape-noderesize, or
• via direct download in the repository (probably from a tag).

require() the library as appropriate for your project:

CommonJS:

var cytoscape = require('cytoscape');
var noderesize = require('cytoscape-noderesize');

noderesize( cytoscape ); // register extension

AMD:

require(['cytoscape', 'cytoscape-noderesize'], function( cytoscape, noderesize ){
  noderesize( cytoscape ); // register extension
});

Plain HTML/JS has the extension registered for you automatically, because no require() is needed.

API

Please briefly describe your API here:

cy.noderesize({
  handleColor: '#000000', // the colour of the handle and the line drawn from it
  hoverDelay: 150, // time spend over a target node before it is considered a target selection
  enabled: true, // whether to start the plugin in the enabled state
  minNodeWidth: 30,
  minNodeHeight: 30,
  triangleSize: 10,
  lines: 3,
  padding: 5,

  start: function(sourceNode) {
    // fired when noderesize interaction starts (drag on handle)
  },
  complete: function(sourceNode, targetNodes, addedEntities) {
    // fired when noderesize is done and entities are added
  },
  stop: function(sourceNode) {
    // fired when noderesize interaction is stopped (either complete with added edges or incomplete)
  }
});