<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=link5onMouseOver="ShowTip(event, 'tt1', 'link5')"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=link6onMouseOver="ShowTip(event, 'tt5', 'link6')"onMouseOut="HideTip('tt5')">mxConstants.SHAPE_ARROW</a> in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link7onMouseOver="ShowTip(event, 'tt6', 'link7')"onMouseOut="HideTip('tt6')">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="SFunction SIndent2"><tdclass=SEntry><ahref="#mxArrow.augmentBoundingBox"id=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">augmentBoundingBox</a></td><tdclass=SDescription>Augments the bounding box with the edge width and markers.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrow.paintEdgeShape"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">paintEdgeShape</a></td><tdclass=SDescription>Paints the line shape.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<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=link8onMouseOver="ShowTip(event, 'tt7', 'link8')"onMouseOut="HideTip('tt7')">mxPoints</a> that define the points. This is stored in <ahref="mxShape-js.html#mxShape.points"class=LVariableid=link9onMouseOver="ShowTip(event, 'tt8', 'link9')"onMouseOut="HideTip('tt8')">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=link10onMouseOver="ShowTip(event, 'tt9', 'link10')"onMouseOut="HideTip('tt9')">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=link11onMouseOver="ShowTip(event, 'tt10', 'link11')"onMouseOut="HideTip('tt10')">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=link12onMouseOver="ShowTip(event, 'tt11', 'link12')"onMouseOut="HideTip('tt11')">mxConstants.ARROW_SIZE</a>. This is stored in <endSize>.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrow.augmentBoundingBox"></a>augmentBoundingBox</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxArrow.prototype.augmentBoundingBox = function(</td><tdclass=PParameternowrap>bbox</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Augments the bounding box with the edge width and markers.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrow.paintEdgeShape"></a>paintEdgeShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxArrow.prototype.paintEdgeShape = function(</td><tdclass=PParameternowrap>c,</td></tr><tr><td></td><tdclass=PParameternowrap>pts</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the line shape.</p></div></div></div>
<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=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxArrow.prototype.augmentBoundingBox = function(</td><tdclass=PParameternowrap>bbox</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Augments the bounding box with the edge width and markers.</div></div><divclass=CToolTipid="tt4"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxArrow.prototype.paintEdgeShape = function(</td><tdclass=PParameternowrap>c,</td></tr><tr><td></td><tdclass=PParameternowrap>pts</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Paints the line shape.</div></div><divclass=CToolTipid="tt5"><divclass=CVariable>Name under which mxArrow is registered in mxCellRenderer. </div></div><divclass=CToolTipid="tt6"><divclass=CClass>Renders cells into a document object model. </div></div><divclass=CToolTipid="tt7"><divclass=CClass>Implements a 2-dimensional vector with double precision coordinates.</div></div><divclass=CToolTipid="tt8"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxShape.prototype.points</td></tr></table></blockquote>Holds the array of mxPoints that specify the points of this shape.</div></div><divclass=CToolTipid="tt9"><divclass=CVariable>Defines the width of the arrow shape. </div></div><divclass=CToolTipid="tt10"><divclass=CVariable>Defines the spacing between the arrow shape and its terminals. </div></div><divclass=CToolTipid="tt11"><divclass=CVariable>Defines the size of the arrowhead in the arrow shape. </div></div><!--END_ND_TOOLTIPS-->
