<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxArrow"></a>mxArrow</h1><divclass=CBody><p>Extends <ahref="mxShape-js.html#mxShape"class=LClassid=link16onMouseOver="ShowTip(event, 'tt1', 'link16')"onMouseOut="HideTip('tt1')">mxShape</a> to implement an arrow shape. (The shape is used to represent edges, not vertices.) This shape is registered under <ahref="../util/mxConstants-js.html#mxConstants.SHAPE_ARROW"class=LVariableid=link17onMouseOver="ShowTip(event, 'tt13', 'link17')"onMouseOut="HideTip('tt13')">mxConstants.SHAPE_ARROW</a> in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link18onMouseOver="ShowTip(event, 'tt14', 'link18')"onMouseOut="HideTip('tt14')">mxCellRenderer</a>.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxArrow">mxArrow</a></td><tdclass=SDescription>Extends <ahref="mxShape-js.html#mxShape"class=LClassid=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">mxShape</a> to implement an arrow shape. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxArrow.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrow.mxArrow"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">mxArrow</a></td><tdclass=SDescription>Constructs a new arrow shape.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxArrow.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrow.addPipe"id=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">addPipe</a></td><tdclass=SDescription>Specifies if a SVG path should be created around any path to increase the tolerance for mouse events. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxArrow.enableFill"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">enableFill</a></td><tdclass=SDescription>Specifies if fill colors should be ignored. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxArrow.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrow.configureTransparentBackground"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">configureTransparentBackground</a></td><tdclass=SDescription>Overidden to remove transparent background.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxArrow.updateBoundingBox">updateBoundingBox</a></td><tdclass=SDescription>Updates the <boundingBox> for this shape.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrow.createVml"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">createVml</a></td><tdclass=SDescription>Extends <mxShape.createVml> to ignore fill if <ahref="#mxArrow.enableFill"class=LVariableid=link7onMouseOver="ShowTip(event, 'tt4', 'link7')"onMouseOut="HideTip('tt4')">enableFill</a> is false.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxArrow.createSvg"id=link8onMouseOver="ShowTip(event, 'tt7', 'link8')"onMouseOut="HideTip('tt7')">createSvg</a></td><tdclass=SDescription>Extends <ahref="mxActor-js.html#mxActor.createSvg"class=LFunctionid=link9onMouseOver="ShowTip(event, 'tt8', 'link9')"onMouseOut="HideTip('tt8')">mxActor.createSvg</a> to ignore fill if <ahref="#mxArrow.enableFill"class=LVariableid=link10onMouseOver="ShowTip(event, 'tt4', 'link10')"onMouseOut="HideTip('tt4')">enableFill</a> is false and create an event handling shape if <this.addPipe> is true.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrow.reconfigure"id=link11onMouseOver="ShowTip(event, 'tt9', 'link11')"on
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrow.mxArrow"></a>mxArrow</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxArrow(</td><tdclass=PParameternowrap>points,</td></tr><tr><td></td><tdclass=PParameternowrap>fill,</td></tr><tr><td></td><tdclass=PParameternowrap>stroke,</td></tr><tr><td></td><tdclass=PParameternowrap>strokewidth,</td></tr><tr><td></td><tdclass=PParameternowrap>arrowWidth,</td></tr><tr><td></td><tdclass=PParameternowrap>spacing,</td></tr><tr><td></td><tdclass=PParameternowrap>endSize</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new arrow shape.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>points</td><tdclass=CDLDescription>Array of <ahref="../util/mxPoint-js.html#mxPoint"class=LClassid=link19onMouseOver="ShowTip(event, 'tt15', 'link19')"onMouseOut="HideTip('tt15')">mxPoints</a> that define the points. This is stored in <ahref="mxShape-js.html#mxShape.points"class=LVariableid=link20onMouseOver="ShowTip(event, 'tt16', 'link20')"onMouseOut="HideTip('tt16')">mxShape.points</a>.</td></tr><tr><tdclass=CDLEntry>fill</td><tdclass=CDLDescription>String that defines the fill color. This is stored in <fill>.</td></tr><tr><tdclass=CDLEntry>stroke</td><tdclass=CDLDescription>String that defines the stroke color. This is stored in <stroke>.</td></tr><tr><tdclass=CDLEntry>strokewidth</td><tdclass=CDLDescription>Optional integer that defines the stroke width. Default is 1. This is stored in <strokewidth>.</td></tr><tr><tdclass=CDLEntry>arrowWidth</td><tdclass=CDLDescription>Optional integer that defines the arrow width. Default is <ahref="../util/mxConstants-js.html#mxConstants.ARROW_WIDTH"class=LVariableid=link21onMouseOver="ShowTip(event, 'tt17', 'link21')"onMouseOut="HideTip('tt17')">mxConstants.ARROW_WIDTH</a>. This is stored in <arrowWidth>.</td></tr><tr><tdclass=CDLEntry>spacing</td><tdclass=CDLDescription>Optional integer that defines the spacing between the arrow shape and its endpoints. Default is <ahref="../util/mxConstants-js.html#mxConstants.ARROW_SPACING"class=LVariableid=link22onMouseOver="ShowTip(event, 'tt18', 'link22')"onMouseOut="HideTip('tt18')">mxConstants.ARROW_SPACING</a>. This is stored in <spacing>.</td></tr><tr><tdclass=CDLEntry>endSize</td><tdclass=CDLDescription>Optional integer that defines the size of the arrowhead. Default is <ahref="../util/mxConstants-js.html#mxConstants.ARROW_SIZE"class=LVariableid=link23onMouseOver="ShowTip(event, 'tt19', 'link23')"onMouseOut="HideTip('tt19')">mxConstants.ARROW_SIZE</a>. This is stored in <endSize>.</td></tr></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxArrow.addPipe"></a>addPipe</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.addPipe</td></tr></table></blockquote><p>Specifies if a SVG path should be created around any path to increase the tolerance for mouse events. Default is false since this shape is filled.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxArrow.enableFill"></a>enableFill</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.enableFill</td></tr></table></blockquote><p>Specifies if fill colors should be ignored. This must be set to true for shapes that are stroked only. Default is true since this shape is filled.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrow.updateBoundingBox"></a>updateBoundingBox</h3><divclass=CBody><p>Updates the <boundingBox> for this shape.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrow.createVml"></a>createVml</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.createVml = function()</td></tr></table></blockquote><p>Extends <mxShape.createVml> to ignore fill if <ahref="#mxArrow.enableFill"class=LVariableid=link24onMouseOver="ShowTip(event, 'tt4', 'link24')"onMouseOut="HideTip('tt4')">enableFill</a> is false.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrow.createSvg"></a>createSvg</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.createSvg = function()</td></tr></table></blockquote><p>Extends <ahref="mxActor-js.html#mxActor.createSvg"class=LFunctionid=link25onMouseOver="ShowTip(event, 'tt8', 'link25')"onMouseOut="HideTip('tt8')">mxActor.createSvg</a> to ignore fill if <ahref="#mxArrow.enableFill"class=LVariableid=link26onMouseOver="ShowTip(event, 'tt4', 'link26')"onMouseOut="HideTip('tt4')">enableFill</a> is false and create an event handling shape if <this.addPipe> is true.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrow.reconfigure"></a>reconfigure</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.reconfigure = function()</td></tr></table></blockquote><p>Extends <mxActor.reconfigure> to ignore fill if <ahref="#mxArrow.enableFill"class=LVariableid=link27onMouseOver="ShowTip(event, 'tt4', 'link27')"onMouseOut="HideTip('tt4')">enableFill</a> is false.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrow.redrawSvg"></a>redrawSvg</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.redrawSvg = function()</td></tr></table></blockquote><p>Extends <ahref="mxActor-js.html#mxActor.redrawSvg"class=LFunctionid=link28onMouseOver="ShowTip(event, 'tt11', 'link28')"onMouseOut="HideTip('tt11')">mxActor.redrawSvg</a> to update the event handling shape if one exists.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrow.redrawPath"></a>redrawPath</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxArrow.prototype.redrawPath = function(</td><tdclass=PParameternowrap>path,</td></tr><tr><td></td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y,</td></tr><tr><td></td><tdclass=PParameternowrap>w,</td></tr><tr><td></td><tdclass=PParameternowrap>h</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Draws the path for this shape. This method uses the <ahref="../util/mxPath-js.html#mxPath"class=LClassid=link29onMouseOver="ShowTip(event, 'tt20', 'link29')"onMouseOut="HideTip('tt20')">mxPath</a> abstraction to paint the shape for VML and SVG.</p></div></div></div>
</div><!--Content-->
<divid=Footer><ahref="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<divclass=CToolTipid="tt1"><divclass=CClass>Base class for all shapes. </div></div><divclass=CToolTipid="tt2"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxArrow(</td><tdclass=PParameternowrap>points,</td></tr><tr><td></td><tdclass=PParameternowrap>fill,</td></tr><tr><td></td><tdclass=PParameternowrap>stroke,</td></tr><tr><td></td><tdclass=PParameternowrap>strokewidth,</td></tr><tr><td></td><tdclass=PParameternowrap>arrowWidth,</td></tr><tr><td></td><tdclass=PParameternowrap>spacing,</td></tr><tr><td></td><tdclass=PParameternowrap>endSize</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new arrow shape.</div></div><divclass=CToolTipid="tt3"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.addPipe</td></tr></table></blockquote>Specifies if a SVG path should be created around any path to increase the tolerance for mouse events. </div></div><divclass=CToolTipid="tt4"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.enableFill</td></tr></table></blockquote>Specifies if fill colors should be ignored. </div></div><divclass=CToolTipid="tt5"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxArrow.prototype.configureTransparentBackground = function(</td><tdclass=PParameternowrap>node</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Overidden to remove transparent background.</div></div><divclass=CToolTipid="tt6"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.createVml = function()</td></tr></table></blockquote>Extends mxShape.createVml to ignore fill if enableFill is false.</div></div><divclass=CToolTipid="tt7"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.createSvg = function()</td></tr></table></blockquote>Extends mxActor.createSvg to ignore fill if enableFill is false and create an event handling shape if this.addPipe is true.</div></div><divclass=CToolTipid="tt8"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxActor.prototype.createSvg = function()</td></tr></table></blockquote>Creates and returns the SVG node(s) to represent this shape.</div></div><divclass=CToolTipid="tt9"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.reconfigure = function()</td></tr></table></blockquote>Extends mxActor.reconfigure to ignore fill if enableFill is false.</div></div><divclass=CToolTipid="tt10"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxArrow.prototype.redrawSvg = function()</td></tr></table></blockquote>Extends mxActor.redrawSvg to update the event handling shape if one exists.</div></div><divclass=CToolTipid="tt11"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxActor.prototype.redrawSvg = function()</td></tr></table></blockquote>Updates the SVG node(s) to reflect the latest bounds and scale.</div></div><divclass=CToolTipid="tt12"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxArrow.prototype.redrawPath = function(</td><tdclass=PParameternowrap>path,</td></tr><tr><td></td><tdclass=PParameternowrap>x,</td></tr><tr><td></td
