<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxArrowConnector"></a>mxArrowConnector</h1><divclass=CBody><p>Extends <ahref="mxShape-js.html#mxShape"class=LClassid=link14onMouseOver="ShowTip(event, 'tt1', 'link14')"onMouseOut="HideTip('tt1')">mxShape</a> to implement an new rounded arrow shape with support for waypoints and double arrows. (The shape is used to represent edges, not vertices.) This shape is registered under <ahref="../util/mxConstants-js.html#mxConstants.SHAPE_ARROW_CONNECTOR"class=LVariableid=link15onMouseOver="ShowTip(event, 'tt14', 'link15')"onMouseOut="HideTip('tt14')">mxConstants.SHAPE_ARROW_CONNECTOR</a> in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link16onMouseOver="ShowTip(event, 'tt15', 'link16')"onMouseOut="HideTip('tt15')">mxCellRenderer</a>.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxArrowConnector">mxArrowConnector</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 new rounded arrow shape with support for waypoints and double arrows. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxArrowConnector.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrowConnector.mxArrowConnector"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">mxArrowConnector</a></td><tdclass=SDescription>Constructs a new arrow shape.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxArrowConnector.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrowConnector.useSvgBoundingBox"id=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">useSvgBoundingBox</a></td><tdclass=SDescription>Allows to use the SVG bounding box in SVG. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxArrowConnector.resetStyles"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">resetStyles</a></td><tdclass=SDescription>Overrides mxShape to reset spacing.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxArrowConnector.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrowConnector.augmentBoundingBox"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">augmentBoundingBox</a></td><tdclass=SDescription>Augments the bounding box with the edge width and markers.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxArrowConnector.paintEdgeShape"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">paintEdgeShape</a></td><tdclass=SDescription>Paints the line shape.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrowConnector.paintEdgeShape">paintEdgeShape</a></td><tdclass=SDescription>Paints the line shape.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxArrowConnector.isArrowRounded"id=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">isArrowRounded</a></td><tdclass=SDescription>Returns wether the arrow is rounded</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxArrowConnector.getStartArrowWidth"id=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">getStartArrowWidth</a></td><tdclass=SDescription>Returns the width of the start arrow</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxArrowConnector.getEndArrowWidth"id=link9onMouseOver="ShowTip(event, 'tt9', 'link9')"onMouseOut="HideTip('tt9')">getEndArrowWidth</a></td><tdclass=
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.mxArrowConnector"></a>mxArrowConnector</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>function mxArrowConnector(</td><tdclass="PParameter prettyprint "nowrap>points,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>fill,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>stroke,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>strokewidth,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>arrowWidth,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>spacing,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>endSize</td><tdclass="PAfterParameters prettyprint "nowrap>)</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=link17onMouseOver="ShowTip(event, 'tt16', 'link17')"onMouseOut="HideTip('tt16')">mxPoints</a> that define the points. This is stored in <ahref="mxShape-js.html#mxShape.points"class=LVariableid=link18onMouseOver="ShowTip(event, 'tt17', 'link18')"onMouseOut="HideTip('tt17')">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=link19onMouseOver="ShowTip(event, 'tt18', 'link19')"onMouseOut="HideTip('tt18')">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=link20onMouseOver="ShowTip(event, 'tt19', 'link20')"onMouseOut="HideTip('tt19')">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=link21onMouseOver="ShowTip(event, 'tt20', 'link21')"onMouseOut="HideTip('tt20')">mxConstants.ARROW_SIZE</a>. This is stored in <endSize>.</td></tr></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.useSvgBoundingBox"></a>useSvgBoundingBox</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.useSvgBoundingBox</td></tr></table></blockquote><p>Allows to use the SVG bounding box in SVG. Default is false for performance reasons.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.resetStyles"></a>resetStyles</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.resetStyles</td></tr></table></blockquote><p>Overrides mxShape to reset spacing.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.augmentBoundingBox"></a>augmentBoundingBox</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxArrowConnector.prototype.augmentBoundingBox = function(</td><tdclass="PParameter prettyprint "nowrap>bbox</td><tdclass="PAfterParameters prettyprint "nowrap>)</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="mxArrowConnector.paintEdgeShape"></a>paintEdgeShape</h3><divclass=CBody><p>Paints the line shape.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.isArrowRounded"></a>isArrowRounded</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.isArrowRounded = function()</td></tr></table></blockquote><p>Returns wether the arrow is rounded</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.getStartArrowWidth"></a>getStartArrowWidth</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.getStartArrowWidth = function()</td></tr></table></blockquote><p>Returns the width of the start arrow</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.getEndArrowWidth"></a>getEndArrowWidth</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.getEndArrowWidth = function()</td></tr></table></blockquote><p>Returns the width of the end arrow</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.getEdgeWidth"></a>getEdgeWidth</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.getEdgeWidth = function()</td></tr></table></blockquote><p>Returns the width of the body of the edge</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.isOpenEnded"></a>isOpenEnded</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.isOpenEnded = function()</td></tr></table></blockquote><p>Returns whether the ends of the shape are drawn</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.isMarkerStart"></a>isMarkerStart</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.isMarkerStart = function()</td></tr></table></blockquote><p>Returns whether the start marker is drawn</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxArrowConnector.isMarkerEnd"></a>isMarkerEnd</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.isMarkerEnd = function()</td></tr></table></blockquote><p>Returns whether the end marker is drawn</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"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>function mxArrowConnector(</td><tdclass="PParameter prettyprint "nowrap>points,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>fill,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>stroke,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>strokewidth,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>arrowWidth,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>spacing,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>endSize</td><tdclass="PAfterParameters prettyprint "nowrap>)</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"><tr><tdclass="prettyprint">mxArrowConnector.prototype.useSvgBoundingBox</td></tr></table></blockquote>Allows to use the SVG bounding box in SVG. </div></div><divclass=CToolTipid="tt4"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.resetStyles</td></tr></table></blockquote>Overrides mxShape to reset spacing.</div></div><divclass=CToolTipid="tt5"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxArrowConnector.prototype.augmentBoundingBox = function(</td><tdclass="PParameter prettyprint "nowrap>bbox</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Augments the bounding box with the edge width and markers.</div></div><divclass=CToolTipid="tt6"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxArrowConnector.prototype.paintEdgeShape = function(</td><tdclass="PParameter prettyprint "nowrap>c,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>pts</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the line shape.</div></div><divclass=CToolTipid="tt7"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.isArrowRounded = function()</td></tr></table></blockquote>Returns wether the arrow is rounded</div></div><divclass=CToolTipid="tt8"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.getStartArrowWidth = function()</td></tr></table></blockquote>Returns the width of the start arrow</div></div><divclass=CToolTipid="tt9"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.getEndArrowWidth = function()</td></tr></table></blockquote>Returns the width of the end arrow</div></div><divclass=CToolTipid="tt10"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.getEdgeWidth = function()</td></tr></table></blockquote>Returns the width of the body of the edge</div></div><divclass=CToolTipid="tt11"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxArrowConnector.prototype.isOpenEnded = function()</td></tr></table></blockquote>Returns whether the ends of the shape are drawn</div></div><divclass=CToolTipid="tt12"><divclass=CFunction><b
