<!-- saved from url=(0026)http://www.naturaldocs.org -->
<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=link30onMouseOver="ShowTip(event, 'tt25', 'link30')"onMouseOut="HideTip('tt25')">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">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.cursor"id=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">cursor</a></td><tdclass=SDescription>Specifies the cursor to be used for this handle. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxVertexHandler.image"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">image</a></td><tdclass=SDescription>Specifies the <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">mxImage</a> to be used to render the handle. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxVertexHandler.image">image</a></td><tdclass=SDescription>Specifies the <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link4onMouseOver="ShowTip(event, 'tt3', 'link4')"onMouseOut="HideTip('tt3')">mxImage</a> to be used to render the handle. </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.getPosition"id=link5onMouseOver="ShowTip(event, 'tt4', 'link5')"onMouseOut="HideTip('tt4')">getPosition</a></td><tdclass=SDescription>Hook for subclassers to return the current position of the handle.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxVertexHandler.setPosition"id=link6onMouseOver="ShowTip(event, 'tt5', 'link6')"onMouseOut="HideTip('tt5')">setPosition</a></td><tdclass=SDescription>Hooks for subclassers to update the style in the <ahref="mxVertexHandler-js.html#mxVertexHandler.state"class=LVariableid=link7onMouseOver="ShowTip(event, 'tt6', 'link7')"onMouseOut="HideTip('tt6')">state</a>.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxVertexHandler.execute"id=link8onMouseOver="ShowTip(event, 'tt7', 'link8')"onMouseOut="HideTip('tt7')">execute</a></td><tdclass=SDescription>Hook for subclassers to execute the handle.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxVertexHandler.copyStyle"id=link9onMouseOver="ShowTip(event, 'tt8', 'link9')"onMouseOut="HideTip('tt8')">copyStyle</a></td><tdclass=SDescription>Sets the cell style with the given name to the corresponding value in <ahref="mxVertexHandler-js.html#mxVertexHandler.state"class=LVariableid=link10onMouseOver="ShowTip(event, 'tt6', 'link10')"onMouseOut="HideTip('tt6')">state</a>.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxVertexHandler.processEvent"id=link11onMouseOver="ShowTip(event, 'tt9', 'link11')"onMouseOut="HideTip('tt9')">processEvent</a></td><tdclass=SDescription>Processes the given <ahref="../util/mxMouseEvent-js.html#
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.mxVertexHandler"></a>mxVertexHandler</h3><divclass=CBody><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=link31onMouseOver="ShowTip(event, 'tt26', 'link31')"onMouseOut="HideTip('tt26')">mxCellState</a> of the cell to be resized.</td></tr></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.cursor"></a>cursor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.cursor</td></tr></table></blockquote><p>Specifies the cursor to be used for this handle. Default is ‘default’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.image"></a>image</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.image</td></tr></table></blockquote><p>Specifies the <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link32onMouseOver="ShowTip(event, 'tt3', 'link32')"onMouseOut="HideTip('tt3')">mxImage</a> to be used to render the handle. Default is null.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.image"></a>image</h3><divclass=CBody><p>Specifies the <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link33onMouseOver="ShowTip(event, 'tt3', 'link33')"onMouseOut="HideTip('tt3')">mxImage</a> to be used to render the handle. Default is null.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.getPosition"></a>getPosition</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.getPosition = function(</td><tdclass=PParameternowrap>bounds</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for subclassers to return the current position of the handle.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.setPosition"></a>setPosition</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.setPosition = function(</td><tdclass=PParameternowrap>bounds,</td></tr><tr><td></td><tdclass=PParameternowrap>pt,</td></tr><tr><td></td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hooks for subclassers to update the style in the <ahref="mxVertexHandler-js.html#mxVertexHandler.state"class=LVariableid=link34onMouseOver="ShowTip(event, 'tt6', 'link34')"onMouseOut="HideTip('tt6')">state</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.execute"></a>execute</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.execute = function()</td></tr></table></blockquote><p>Hook for subclassers to execute the handle.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.copyStyle"></a>copyStyle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.copyStyle = function(</td><tdclass=PParameternowrap>key</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the cell style with the given name to the corresponding value in <ahref="mxVertexHandler-js.html#mxVertexHandler.state"class=LVariableid=link35onMouseOver="ShowTip(event, 'tt6', 'link35')"onMouseOut="HideTip('tt6')">state</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.processEvent"></a>processEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.processEvent = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Processes the given <ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link36onMouseOver="ShowTip(event, 'tt10', 'link36')"onMouseOut="HideTip('tt10')">mxMouseEvent</a> and invokes <ahref="#mxVertexHandler.setPosition"class=LFunctionid=link37onMouseOver="ShowTip(event, 'tt5', 'link37')"onMouseOut="HideTip('tt5')">setPosition</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.positionChanged"></a>positionChanged</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.positionChanged = function()</td></tr></table></blockquote><p>Called after <ahref="#mxVertexHandler.setPosition"class=LFunctionid=link38onMouseOver="ShowTip(event, 'tt5', 'link38')"onMouseOut="HideTip('tt5')">setPosition</a> has been called in <ahref="#mxVertexHandler.processEvent"class=LFunctionid=link39onMouseOver="ShowTip(event, 'tt9', 'link39')"onMouseOut="HideTip('tt9')">processEvent</a>. This repaints the state using <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link40onMouseOver="ShowTip(event, 'tt27', 'link40')"onMouseOut="HideTip('tt27')">mxCellRenderer</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.getRotation"></a>getRotation</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.getRotation = function()</td></tr></table></blockquote><p>Returns the rotation defined in the style of the cell.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.getTotalRotation"></a>getTotalRotation</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.getTotalRotation = function()</td></tr></table></blockquote><p>Returns the rotation from the style and the rotation from the direction of the cell.</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>mxHandle.prototype.init = function()</td></tr></table></blockquote><p>Creates and initializes the shapes required for this handle.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.createShape"></a>createShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.createShape = function(</td><tdclass=PParameternowrap>html</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns the shape for this handle.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.initShape"></a>initShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.initShape = function(</td><tdclass=PParameternowrap>html</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Initializes <shape> and sets its cursor.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.redraw"></a>redraw</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.redraw = function()</td></tr></table></blockquote><p>Renders the shape for this handle.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.isHtmlRequired"></a>isHtmlRequired</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.isHtmlRequired = function()</td></tr></table></blockquote><p>Returns true if this handle should be rendered in HTML. This returns true if the text node is in the graph container.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.rotatePoint"></a>rotatePoint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.rotatePoint = function(</td><tdclass=PParameternowrap>pt,</td></tr><tr><td></td><tdclass=PParameternowrap>alpha</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Rotates the point by the given angle.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.flipPoint"></a>flipPoint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.flipPoint = function(</td><tdclass=PParameternowrap>pt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Flips the given point vertically and/or horizontally.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.snapPoint"></a>snapPoint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.snapPoint = function(</td><tdclass=PParameternowrap>pt,</td></tr><tr><td></td><tdclass=PParameternowrap>ignore</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Snaps the given point to the grid if ignore is false. This modifies the given point in-place and also returns it.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxVertexHandler.setVisible"></a>setVisible</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.setVisible = function(</td><tdclass=PParameternowrap>visible</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Shows or hides this handle.</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>mxHandle.prototype.reset = function()</td></tr></table></blockquote><p>Resets the state of this handle by setting its visibility to true.</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>mxHandle.prototype.destroy = function()</td></tr></table></blockquote><p>Destroys this handle.</p></div></div></div>
</div><!--Content-->
<divid=Footer><ahref="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<divclass=CToolTipid="tt1"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.cursor</td></tr></table></blockquote>Specifies the cursor to be used for this handle. </div></div><divclass=CToolTipid="tt2"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.image</td></tr></table></blockquote>Specifies the mxImage to be used to render the handle. </div></div><divclass=CToolTipid="tt3"><divclass=CClass>Encapsulates the URL, width and height of an image.</div></div><divclass=CToolTipid="tt4"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.getPosition = function(</td><tdclass=PParameternowrap>bounds</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Hook for subclassers to return the current position of the handle.</div></div><divclass=CToolTipid="tt5"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.setPosition = function(</td><tdclass=PParameternowrap>bounds,</td></tr><tr><td></td><tdclass=PParameternowrap>pt,</td></tr><tr><td></td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Hooks for subclassers to update the style in the state.</div></div><divclass=CToolTipid="tt6"><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="tt7"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.execute = function()</td></tr></table></blockquote>Hook for subclassers to execute the handle.</div></div><divclass=CToolTipid="tt8"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.copyStyle = function(</td><tdclass=PParameternowrap>key</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Sets the cell style with the given name to the corresponding value in state.</div></div><divclass=CToolTipid="tt9"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxHandle.prototype.processEvent = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Processes the given mxMouseEvent and invokes setPosition.</div></div><divclass=CToolTipid="tt10"><divclass=CClass>Base class for all mouse events in mxGraph. </div></div><divclass=CToolTipid="tt11"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.positionChanged = function()</td></tr></table></blockquote>Called after setPosition has been called in processEvent. </div></div><divclass=CToolTipid="tt12"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.getRotation = function()</td></tr></table></blockquote>Returns the rotation defined in the style of the cell.</div></div><divclass=CToolTipid="tt13"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxHandle.prototype.getTotalRotation = function()</td></tr></table></blockquote>Returns the rotation from the s
