<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxVertexHandler"></a>mxVertexHandler</h1><divclass=CBody><p>Event handler for resizing cells. This handler is automatically created in <ahref="../view/mxGraph-js.html#mxGraph.createHandler"class=LFunctionid=link62onMouseOver="ShowTip(event, 'tt59', 'link62')"onMouseOut="HideTip('tt59')">mxGraph.createHandler</a>.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxVertexHandler">mxVertexHandler</a></td><tdclass=SDescription>Event handler for resizing cells. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxVertexHandler.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxVertexHandler.mxVertexHandler"id=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">mxVertexHandler</a></td><tdclass=SDescription>Constructs an event handler that allows to resize vertices and groups.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxVertexHandler.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxVertexHandler.graph"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">graph</a></td><tdclass=SDescription>Reference to the enclosing <ahref="../view/mxGraph-js.html#mxGraph"class=LClassid=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">mxGraph</a>.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxVertexHandler.state"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">state</a></td><tdclass=SDescription>Reference to the <ahref="../view/mxCellState-js.html#mxCellState"class=LClassid=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">mxCellState</a> being modified.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxVertexHandler.singleSizer"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">singleSizer</a></td><tdclass=SDescription>Specifies if only one sizer handle at the bottom, right corner should be used. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxVertexHandler.index"id=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">index</a></td><tdclass=SDescription>Holds the index of the current handle.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxVertexHandler.allowHandleBoundsCheck"id=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">allowHandleBoundsCheck</a></td><tdclass=SDescription>Specifies if the bounds of handles should be used for hit-detection in IE or if <ahref="#mxVertexHandler.tolerance"class=LVariableid=link9onMouseOver="ShowTip(event, 'tt9', 'link9')"onMouseOut="HideTip('tt9')">tolerance</a>> 0. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxVertexHandler.handleImage"id=link10onMouseOver="ShowTip(event, 'tt10', 'link10')"onMouseOut="HideTip('tt10')">handleImage</a></td><tdclass=SDescription>Optional <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link11onMouseOver="ShowTip(event, 'tt11', 'link11')"onMouseOut="HideTip('tt11')">mxImage</a> to be used as handles. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxVertexHandler.tolerance"id=link12onMouseOver="ShowTip(event, 'tt9', 'link12')"onMouseOut="HideTip('tt9')">tolerance</a></td><tdclass=SDescription>Optional tolerance for hit-detection in <ahref="#mxVertexHandler.getHandleForEvent"class=LFunctionid=link13onMouseOver="ShowTip(event, 'tt12', 'link13')"onMouseOut="HideTip('tt12')">getHandleForEvent</a>. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxVertexHandler.rotationEnabled"id=link14
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.mxVertexHandler"></a>mxVertexHandler</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxVertexHandler(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs an event handler that allows to resize vertices and groups.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="../view/mxCellState-js.html#mxCellState"class=LClassid=link63onMouseOver="ShowTip(event, 'tt5', 'link63')"onMouseOut="HideTip('tt5')">mxCellState</a> of the cell to be resized.</td></tr></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.graph"></a>graph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.graph</td></tr></table></blockquote><p>Reference to the enclosing <ahref="../view/mxGraph-js.html#mxGraph"class=LClassid=link64onMouseOver="ShowTip(event, 'tt3', 'link64')"onMouseOut="HideTip('tt3')">mxGraph</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.state"></a>state</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.state</td></tr></table></blockquote><p>Reference to the <ahref="../view/mxCellState-js.html#mxCellState"class=LClassid=link65onMouseOver="ShowTip(event, 'tt5', 'link65')"onMouseOut="HideTip('tt5')">mxCellState</a> being modified.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.singleSizer"></a>singleSizer</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.singleSizer</td></tr></table></blockquote><p>Specifies if only one sizer handle at the bottom, right corner should be used. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.index"></a>index</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.index</td></tr></table></blockquote><p>Holds the index of the current handle.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.allowHandleBoundsCheck"></a>allowHandleBoundsCheck</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.allowHandleBoundsCheck</td></tr></table></blockquote><p>Specifies if the bounds of handles should be used for hit-detection in IE or if <ahref="#mxVertexHandler.tolerance"class=LVariableid=link66onMouseOver="ShowTip(event, 'tt9', 'link66')"onMouseOut="HideTip('tt9')">tolerance</a>> 0. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.handleImage"></a>handleImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.handleImage</td></tr></table></blockquote><p>Optional <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link67onMouseOver="ShowTip(event, 'tt11', 'link67')"onMouseOut="HideTip('tt11')">mxImage</a> to be used as handles. Default is null.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.tolerance"></a>tolerance</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.tolerance</td></tr></table></blockquote><p>Optional tolerance for hit-detection in <ahref="#mxVertexHandler.getHandleForEvent"class=LFunctionid=link68onMouseOver="ShowTip(event, 'tt12', 'link68')"onMouseOut="HideTip('tt12')">getHandleForEvent</a>. Default is 0.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.rotationEnabled"></a>rotationEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.rotationEnabled</td></tr></table></blockquote><p>Specifies if a rotation handle should be visible. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.rotationRaster"></a>rotationRaster</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.rotationRaster</td></tr></table></blockquote><p>Specifies if rotation steps should be “rasterized” depening on the distance to the handle. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.rotationCursor"></a>rotationCursor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.rotationCursor</td></tr></table></blockquote><p>Specifies the cursor for the rotation handle. Default is ‘crosshair’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.livePreview"></a>livePreview</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.livePreview</td></tr></table></blockquote><p>Specifies if resize should change the cell in-place. This is an experimental feature for non-touch devices. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.manageSizers"></a>manageSizers</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.manageSizers</td></tr></table></blockquote><p>Specifies if sizers should be hidden and spaced if the vertex is small. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.constrainGroupByChildren"></a>constrainGroupByChildren</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.constrainGroupByChildren</td></tr></table></blockquote><p>Specifies if the size of groups should be constrained by the children. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.rotationHandleVSpacing"></a>rotationHandleVSpacing</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.rotationHandleVSpacing</td></tr></table></blockquote><p>Vertical spacing for rotation icon. Default is -16.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.horizontalOffset"></a>horizontalOffset</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.horizontalOffset</td></tr></table></blockquote><p>The horizontal offset for the handles. This is updated in <ahref="#mxVertexHandler.redrawHandles"class=LFunctionid=link69onMouseOver="ShowTip(event, 'tt56', 'link69')"onMouseOut="HideTip('tt56')">redrawHandles</a> if <ahref="#mxVertexHandler.manageSizers"class=LVariableid=link70onMouseOver="ShowTip(event, 'tt17', 'link70')"onMouseOut="HideTip('tt17')">manageSizers</a> is true and the sizers are offset horizontally.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.verticalOffset"></a>verticalOffset</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.verticalOffset</td></tr></table></blockquote><p>The horizontal offset for the handles. This is updated in <ahref="#mxVertexHandler.redrawHandles"class=LFunctionid=link71onMouseOver="ShowTip(event, 'tt56', 'link71')"onMouseOut="HideTip('tt56')">redrawHandles</a> if <ahref="#mxVertexHandler.manageSizers"class=LVariableid=link72onMouseOver="ShowTip(event, 'tt17', 'link72')"onMouseOut="HideTip('tt17')">manageSizers</a> is true and the sizers are offset vertically.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.init"></a>init</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.init = function()</td></tr></table></blockquote><p>Initializes the shapes required for this vertex handler.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.isConstrainedEvent"></a>isConstrainedEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.isConstrainedEvent = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the aspect ratio if the cell should be maintained.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.updateMinBounds"></a>updateMinBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.updateMinBounds = function()</td></tr></table></blockquote><p>Initializes the shapes required for this vertex handler.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.getSelectionBounds"></a>getSelectionBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.getSelectionBounds = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the mxRectangle that defines the bounds of the selection border.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.createSelectionShape"></a>createSelectionShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.createSelectionShape = function(</td><tdclass=PParameternowrap>bounds</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the shape used to draw the selection border.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.createSizer"></a>createSizer</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.createSizer = function(</td><tdclass=PParameternowrap>cursor,</td></tr><tr><td></td><tdclass=PParameternowrap>index,</td></tr><tr><td></td><tdclass=PParameternowrap>size,</td></tr><tr><td></td><tdclass=PParameternowrap>fillColor</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates a sizer handle for the specified cursor and index and returns the new <ahref="../shape/mxRectangleShape-js.html#mxRectangleShape"class=LClassid=link75onMouseOver="ShowTip(event, 'tt33', 'link75')"onMouseOut="HideTip('tt33')">mxRectangleShape</a> that represents the handle.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.isSizerVisible"></a>isSizerVisible</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.isSizerVisible = function(</td><tdclass=PParameternowrap>index</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the sizer for the given index is visible. This returns true for all given indices.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.createSizerShape"></a>createSizerShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.createSizerShape = function(</td><tdclass=PParameternowrap>bounds,</td></tr><tr><td></td><tdclass=PParameternowrap>index,</td></tr><tr><td></td><tdclass=PParameternowrap>fillColor</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>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.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.createBounds"></a>createBounds</h3><divclass=CBody><p>Helper method to create an <ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link76onMouseOver="ShowTip(event, 'tt36', 'link76')"onMouseOut="HideTip('tt36')">mxRectangle</a> around the given centerpoint with a width and height of 2*s or 6, if no s is given.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.getHandleForEvent"></a>getHandleForEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.getHandleForEvent = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>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>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.mouseDown"></a>mouseDown</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.mouseDown = function(</td><tdclass=PParameternowrap>sender,</td></tr><tr><td></td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Handles the event if a handle has been clicked. By consuming the event all subsequent events of the gesture are redirected to this handler.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.isLivePreviewBorder"></a>isLivePreviewBorder</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.isLivePreviewBorder = function()</td></tr></table></blockquote><p>Called if <ahref="#mxVertexHandler.livePreview"class=LVariableid=link77onMouseOver="ShowTip(event, 'tt16', 'link77')"onMouseOut="HideTip('tt16')">livePreview</a> is enabled to check if a border should be painted. This implementation returns true if the shape is transparent.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.start"></a>start</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.start = function(</td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y,</td></tr><tr><td></td><tdclass=PParameternowrap>index</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Starts the handling of the mouse gesture.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.hideSizers"></a>hideSizers</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.hideSizers = function()</td></tr></table></blockquote><p>Hides all sizers except.</p><p>Starts the handling of the mouse gesture.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.checkTolerance"></a>checkTolerance</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.checkTolerance = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Checks if the coordinates for the given event are within the <ahref="../view/mxGraph-js.html#mxGraph.tolerance"class=LVariableid=link78onMouseOver="ShowTip(event, 'tt42', 'link78')"onMouseOut="HideTip('tt42')">mxGraph.tolerance</a>. If the event is a mouse event then the tolerance is ignored.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.updateHint"></a>updateHint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.updateHint = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for subclassers do show details while the handler is active.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.removeHint"></a>removeHint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.removeHint = function()</td></tr></table></blockquote><p>Hooks for subclassers to hide details when the handler gets inactive.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.roundAngle"></a>roundAngle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.roundAngle = function(</td><tdclass=PParameternowrap>angle</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for rounding the angle. This uses Math.round.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.roundLength"></a>roundLength</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.roundLength = function(</td><tdclass=PParameternowrap>length</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for rounding the unscaled width or height. This uses Math.round.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.mouseMove"></a>mouseMove</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.mouseMove = function(</td><tdclass=PParameternowrap>sender,</td></tr><tr><td></td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Handles the event by updating the preview.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.mouseUp"></a>mouseUp</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.mouseUp = function(</td><tdclass=PParameternowrap>sender,</td></tr><tr><td></td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Handles the event by applying the changes to the geometry.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.rotateCell"></a>rotateCell</h3><divclass=CBody><p>Rotates the given cell to the given rotation.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.rotateCell"></a>rotateCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.rotateCell = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>delta</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Rotates the given cell to the given rotation.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.reset"></a>reset</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.reset = function()</td></tr></table></blockquote><p>Resets the state of this handler.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.resizeCell"></a>resizeCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.resizeCell = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy,</td></tr><tr><td></td><tdclass=PParameternowrap>index,</td></tr><tr><td></td><tdclass=PParameternowrap>gridEnabled,</td></tr><tr><td></td><tdclass=PParameternowrap>constrained,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Uses the given vector to change the bounds of the given cell in the graph using <ahref="../view/mxGraph-js.html#mxGraph.resizeCell"class=LFunctionid=link79onMouseOver="ShowTip(event, 'tt52', 'link79')"onMouseOut="HideTip('tt52')">mxGraph.resizeCell</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.moveChildren"></a>moveChildren</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.moveChildren = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Moves the children of the given cell by the given vector.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.union"></a>union</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.union = function(</td><tdclass=PParameternowrap>bounds,</td></tr><tr><td></td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy,</td></tr><tr><td></td><tdclass=PParameternowrap>index,</td></tr><tr><td></td><tdclass=PParameternowrap>gridEnabled,</td></tr><tr><td></td><tdclass=PParameternowrap>scale,</td></tr><tr><td></td><tdclass=PParameternowrap>tr,</td></tr><tr><td></td><tdclass=PParameternowrap>constrained</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the union of the given bounds and location for the specified handle index.</p><p>To override this to limit the size of vertex via a minWidth/-Height style, the following code can be used.</p><blockquote><preclass="prettyprint">var vertexHandlerUnion = mxVertexHandler.prototype.union;
};</pre></blockquote><h4class=CHeading>The minWidth/-Height style can then be used as follows</h4><blockquote><preclass="prettyprint">graph.insertVertex(parent, null, 'Hello,', 20, 20, 80, 30, 'minWidth=100;minHeight=100;');</pre></blockquote><p>To override this to update the height for a wrapped text if the width of a vertex is changed, the following can be used.</p><blockquote><preclass="prettyprint">var mxVertexHandlerUnion = mxVertexHandler.prototype.union;
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.redraw"></a>redraw</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.redraw = function()</td></tr></table></blockquote><p>Redraws the handles and the preview.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.redrawHandles"></a>redrawHandles</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.redrawHandles = function()</td></tr></table></blockquote><p>Redraws the handles. To hide certain handles the following code can be used.</p><blockquote><preclass="prettyprint">mxVertexHandler.prototype.redrawHandles = function()
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.drawPreview"></a>drawPreview</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.drawPreview = function()</td></tr></table></blockquote><p>Redraws the preview.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.destroy"></a>destroy</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.destroy = function()</td></tr></table></blockquote><p>Destroys the handler and all its resources and DOM nodes.</p></div></div></div>
</div><!--Content-->
<divid=Footer><ahref="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<divclass=CToolTipid="tt1"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxVertexHandler(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Constructs an event handler that allows to resize vertices and groups.</div></div><divclass=CToolTipid="tt2"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.graph</td></tr></table></blockquote>Reference to the enclosing mxGraph.</div></div><divclass=CToolTipid="tt3"><divclass=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><divclass=CToolTipid="tt4"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.state</td></tr></table></blockquote>Reference to the mxCellState being modified.</div></div><divclass=CToolTipid="tt5"><divclass=CClass>Represents the current state of a cell in a given mxGraphView.</div></div><divclass=CToolTipid="tt6"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.singleSizer</td></tr></table></blockquote>Specifies if only one sizer handle at the bottom, right corner should be used. </div></div><divclass=CToolTipid="tt7"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.index</td></tr></table></blockquote>Holds the index of the current handle.</div></div><divclass=CToolTipid="tt8"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.allowHandleBoundsCheck</td></tr></table></blockquote>Specifies if the bounds of handles should be used for hit-detection in IE or if tolerance > 0. </div></div><divclass=CToolTipid="tt9"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.tolerance</td></tr></table></blockquote>Optional tolerance for hit-detection in getHandleForEvent. </div></div><divclass=CToolTipid="tt10"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.handleImage</td></tr></table></blockquote>Optional mxImage to be used as handles. </div></div><divclass=CToolTipid="tt11"><divclass=CClass>Encapsulates the URL, width and height of an image.</div></div><divclass=CToolTipid="tt12"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxVertexHandler.prototype.getHandleForEvent = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Returns the index of the handle for the given event. </div></div><divclass=CToolTipid="tt13"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.rotationEnabled</td></tr></table></blockquote>Specifies if a rotation handle should be visible. </div></div><divclass=CToolTipid="tt14"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.rotationRaster</td></tr></table></blockquote>Specifies if rotation steps should be “rasterized” depening on the distance to the handle. </div></div><divclass=CToolTipid="tt15"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxVertexHandler.prototype.rotationCursor</td></tr></table></blockquote>Specifies the cursor f
