mxVertexHandler

function mxVertexHandler( state )

Constructs an event handler that allows to resize vertices and groups.

Parameters

mxVertexHandler.prototype.init = function()

Initializes the shapes required for this vertex handler.

mxVertexHandler.prototype.isRotationHandleVisible = function()

Returns true if the rotation handle should be showing.

mxVertexHandler.prototype.isConstrainedEvent = function( me )

Returns true if the aspect ratio if the cell should be maintained.

mxVertexHandler.prototype.isCenteredEvent = function( state, me )

Returns true if the center of the vertex should be maintained during the resize.

mxVertexHandler.prototype.createCustomHandles = function()

Returns an array of custom handles.  This implementation returns null.

mxVertexHandler.prototype.updateMinBounds = function()

Initializes the shapes required for this vertex handler.

mxVertexHandler.prototype.getSelectionBounds = function( state )

Returns the mxRectangle that defines the bounds of the selection border.

mxVertexHandler.prototype.createParentHighlightShape = function( bounds )

Creates the shape used to draw the selection border.

mxVertexHandler.prototype.createSelectionShape = function( bounds )

Creates the shape used to draw the selection border.

mxVertexHandler.prototype.getSelectionColor = function()

Returns mxConstants.VERTEX_SELECTION_COLOR.

mxVertexHandler.prototype.getSelectionStrokeWidth = function()

Returns mxConstants.VERTEX_SELECTION_STROKEWIDTH.

mxVertexHandler.prototype.isSelectionDashed = function()

Returns <mxConstants.VERTEX_SELECTION_DASHED>.

mxVertexHandler.prototype.createSizer = function( cursor, index, size, fillColor )

Creates a sizer handle for the specified cursor and index and returns the new mxRectangleShape that represents the handle.

mxVertexHandler.prototype.isSizerVisible = function( index )

Returns true if the sizer for the given index is visible.  This returns true for all given indices.

mxVertexHandler.prototype.createSizerShape = function( bounds, index, fillColor )

Creates the shape used for the sizer handle for the specified bounds an index.  Only images and rectangles should be returned if support for HTML labels with not foreign objects is required.

Helper method to create an mxRectangle around the given centerpoint with a width and height of 2*s or 6, if no s is given.

mxVertexHandler.prototype.getHandleForEvent = function( me )

Returns the index of the handle for the given event.  This returns the index of the sizer from where the event originated or <mxEvent.LABEL_INDEX>.

mxVertexHandler.prototype.isCustomHandleEvent = function( me )

Returns true if the given event allows custom handles to be changed.  This implementation returns true.

mxVertexHandler.prototype.mouseDown = function( sender, me )

Handles the event if a handle has been clicked.  By consuming the event all subsequent events of the gesture are redirected to this handler.

mxVertexHandler.prototype.isLivePreviewBorder = function()

Called if livePreview is enabled to check if a border should be painted.  This implementation returns true if the shape is transparent.

mxVertexHandler.prototype.start = function( x, y, index )

Starts the handling of the mouse gesture.

Shortcut to hideSizers.

mxVertexHandler.prototype.hideSizers = function()

Hides all sizers except.

Starts the handling of the mouse gesture.

mxVertexHandler.prototype.checkTolerance = function( me )

Checks if the coordinates for the given event are within the mxGraph.tolerance.  If the event is a mouse event then the tolerance is ignored.

mxVertexHandler.prototype.updateHint = function( me )

Hook for subclassers do show details while the handler is active.

mxVertexHandler.prototype.removeHint = function()

Hooks for subclassers to hide details when the handler gets inactive.

mxVertexHandler.prototype.roundAngle = function( angle )

Hook for rounding the angle.  This uses Math.round.

mxVertexHandler.prototype.roundLength = function( length )

Hook for rounding the unscaled width or height.  This uses Math.round.

mxVertexHandler.prototype.mouseMove = function( sender, me )

Handles the event by updating the preview.

Rotates the vertex.

mxVertexHandler.prototype.rotateVertex = function( me )

Rotates the vertex.

Rotates the vertex.

mxVertexHandler.prototype.updateLivePreview = function( me )

Repaints the live preview.

mxVertexHandler.prototype.mouseUp = function( sender, me )

Handles the event by applying the changes to the geometry.

Rotates the given cell to the given rotation.

mxVertexHandler.prototype.rotateClick = function()

Hook for subclassers to implement a single click on the rotation handle.  This code is executed as part of the model transaction.  This implementation is empty.

mxVertexHandler.prototype.rotateCell = function( cell, angle, parent )

Rotates the given cell and its children by the given angle in degrees.

Parameters

mxVertexHandler.prototype.reset = function()

Resets the state of this handler.

mxVertexHandler.prototype.resizeCell = function( cell, dx, dy, index, gridEnabled, constrained, recurse )

Uses the given vector to change the bounds of the given cell in the graph using mxGraph.resizeCell.

mxVertexHandler.prototype.moveChildren = function( cell, dx, dy )

Moves the children of the given cell by the given vector.

mxVertexHandler.prototype.union = function( bounds, dx, dy, index, gridEnabled, scale, tr, constrained, centered )

Returns the union of the given bounds and location for the specified handle index.

To override this to limit the size of vertex via a minWidth/-Height style, the following code can be used.

var vertexHandlerUnion = mxVertexHandler.prototype.union;
mxVertexHandler.prototype.union = function(bounds, dx, dy, index, gridEnabled, scale, tr, constrained)
{
  var result = vertexHandlerUnion.apply(this, arguments);

  result.width = Math.max(result.width, mxUtils.getNumber(this.state.style, 'minWidth', 0));
  result.height = Math.max(result.height, mxUtils.getNumber(this.state.style, 'minHeight', 0));

  return result;
};

The minWidth/-Height style can then be used as follows

graph.insertVertex(parent, null, 'Hello,', 20, 20, 80, 30, 'minWidth=100;minHeight=100;');

To override this to update the height for a wrapped text if the width of a vertex is changed, the following can be used.

var mxVertexHandlerUnion = mxVertexHandler.prototype.union;
mxVertexHandler.prototype.union = function(bounds, dx, dy, index, gridEnabled, scale, tr, constrained)
{
  var result = mxVertexHandlerUnion.apply(this, arguments);
  var s = this.state;

  if (this.graph.isHtmlLabel(s.cell) && (index == 3 || index == 4) &&
      s.text != null && s.style[mxConstants.STYLE_WHITE_SPACE] == 'wrap')
  {
    var label = this.graph.getLabel(s.cell);
    var fontSize = mxUtils.getNumber(s.style, mxConstants.STYLE_FONTSIZE, mxConstants.DEFAULT_FONTSIZE);
    var ww = result.width / s.view.scale - s.text.spacingRight - s.text.spacingLeft

    result.height = mxUtils.getSizeForString(label, fontSize, s.style[mxConstants.STYLE_FONTFAMILY], ww).height;
  }

  return result;
};

mxVertexHandler.prototype.redraw = function()

Redraws the handles and the preview.

mxVertexHandler.prototype.redrawHandles = function()

Redraws the handles.  To hide certain handles the following code can be used.

mxVertexHandler.prototype.redrawHandles = function()
{
  mxVertexHandlerRedrawHandles.apply(this, arguments);

  if (this.sizers != null && this.sizers.length > 7)
  {
    this.sizers[1].node.style.display = 'none';
    this.sizers[6].node.style.display = 'none';
  }
};

mxVertexHandler.prototype.getRotationHandlePosition = function()

Returns an mxPoint that defines the rotation handle position.

mxVertexHandler.prototype.updateParentHighlight = function()

Updates the highlight of the parent if parentHighlightEnabled is true.

mxVertexHandler.prototype.drawPreview = function()

Redraws the preview.

mxVertexHandler.prototype.destroy = function()

Destroys the handler and all its resources and DOM nodes.