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.

mxVertexHandler.prototype.createGhostPreview = function()

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.

mxVertexHandler.prototype.isGhostPreview = function()

Returns true if a ghost preview should be used for custom handles.

mxVertexHandler.prototype.moveLabel = function( me )

Moves the label.

mxVertexHandler.prototype.rotateVertex = function( me )

Rotates the vertex.

mxVertexHandler.prototype.resizeVertex = function( me )

Risizes the vertex.

mxVertexHandler.prototype.updateLivePreview = function( me )

Repaints the live preview.

mxVertexHandler.prototype.moveToFront = function()

Handles the event by applying the changes to the geometry.

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

Handles the event by applying the changes to the geometry.

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

Returns the recursiveResize of the give state.

Parameters

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.

let vertexHandlerUnion = mxVertexHandler.prototype.union;
mxVertexHandler.prototype.union = function(bounds, dx, dy, index, gridEnabled, scale, tr, constrained)
{
  let 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.

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

  if (this.graph.isHtmlLabel(s.cell) && (index == 3 || index == 4) &&
      s.text != null && s.style[mxConstants.STYLE_WHITE_SPACE] == 'wrap')
  {
    let label = this.graph.getLabel(s.cell);
    let fontSize = mxUtils.getNumber(s.style, mxConstants.STYLE_FONTSIZE, mxConstants.DEFAULT_FONTSIZE);
    let 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( ignoreHandles )

Redraws the handles and the preview.

mxVertexHandler.prototype.getSizerBounds = function()

Returns the bounds used to paint the resize handles.

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.isCustomHandleVisible = function( handle )

Returns true if the given custom handle is visible.

mxVertexHandler.prototype.getRotationHandlePosition = function()

Returns an mxPoint that defines the rotation handle position.

mxVertexHandler.prototype.isParentHighlightVisible = function()

Returns true if the parent highlight should be visible.  This implementation always returns true.

mxVertexHandler.prototype.updateParentHighlight = function()

Updates the highlight of the parent if parentHighlightEnabled is true.

mxVertexHandler.prototype.drawPreview = function()

Redraws the preview.

mxVertexHandler.prototype.getSelectionBorderBounds = function()

Returns the bounds for the selection border.

mxVertexHandler.prototype.isDestroyed = function()

Returns true if this handler was destroyed or not initialized.

mxVertexHandler.prototype.destroy = function()

Destroys the handler and all its resources and DOM nodes.