<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=link52onMouseOver="ShowTip(event, 'tt50', 'link52')"onMouseOut="HideTip('tt50')">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=link53onMouseOver="ShowTip(event, 'tt5', 'link53')"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=link54onMouseOver="ShowTip(event, 'tt3', 'link54')"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=link55onMouseOver="ShowTip(event, 'tt5', 'link55')"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=link56onMouseOver="ShowTip(event, 'tt9', 'link56')"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=link57onMouseOver="ShowTip(event, 'tt11', 'link57')"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=link58onMouseOver="ShowTip(event, 'tt12', 'link58')"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.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="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=link61onMouseOver="ShowTip(event, 'tt29', 'link61')"onMouseOut="HideTip('tt29')">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 and index.</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=link62onMouseOver="ShowTip(event, 'tt32', 'link62')"onMouseOut="HideTip('tt32')">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.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=link63onMouseOver="ShowTip(event, 'tt37', 'link63')"onMouseOut="HideTip('tt37')">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.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><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><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=link64onMouseOver="ShowTip(event, 'tt43', 'link64')"onMouseOut="HideTip('tt43')">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.livePreview</td></tr></table></blockquote>Specifies if resize shoul
