<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxConnector"></a>mxConnector</h1><divclass=CBody><p>Extends <ahref="mxShape-js.html#mxShape"class=LClassid=link8onMouseOver="ShowTip(event, 'tt1', 'link8')"onMouseOut="HideTip('tt1')">mxShape</a> to implement a connector shape. The connector shape allows for arrow heads on either side.</p><p>This shape is registered under <ahref="../util/mxConstants-js.html#mxConstants.SHAPE_CONNECTOR"class=LVariableid=link9onMouseOver="ShowTip(event, 'tt7', 'link9')"onMouseOut="HideTip('tt7')">mxConstants.SHAPE_CONNECTOR</a> in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link10onMouseOver="ShowTip(event, 'tt8', 'link10')"onMouseOut="HideTip('tt8')">mxCellRenderer</a>.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxConnector">mxConnector</a></td><tdclass=SDescription>Extends <ahref="mxShape-js.html#mxShape"class=LClassid=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">mxShape</a> to implement a connector shape. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxConnector.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConnector.mxConnector"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">mxConnector</a></td><tdclass=SDescription>Constructs a new connector shape.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxConnector.updateBoundingBox"id=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">updateBoundingBox</a></td><tdclass=SDescription>Updates the <boundingBox> for this shape using <createBoundingBox> and <ahref="#mxConnector.augmentBoundingBox"class=LFunctionid=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">augmentBoundingBox</a> and stores the result in <boundingBox>.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConnector.paintEdgeShape"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">paintEdgeShape</a></td><tdclass=SDescription>Paints the line shape.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxConnector.createMarker"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">createMarker</a></td><tdclass=SDescription>Prepares the marker by adding offsets in pts and returning a function to paint the marker.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConnector.augmentBoundingBox"id=link7onMouseOver="ShowTip(event, 'tt4', 'link7')"onMouseOut="HideTip('tt4')">augmentBoundingBox</a></td><tdclass=SDescription>Augments the bounding box with the strokewidth and shadow offsets.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxConnector.mxConnector"></a>mxConnector</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>function mxConnector(</td><tdclass="PParameter prettyprint "nowrap>points,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>stroke,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>strokewidth</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new connector 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=link11onMouseOver="ShowTip(event, 'tt9', 'link11')"onMouseOut="HideTip('tt9')">mxPoints</a> that define the points. This is stored in <ahref="mxShape-js.html#mxShape.points"class=LVariableid=link12onMouseOver="ShowTip(event, 'tt10', 'link12')"onMouseOut="HideTip('tt10')">mxShape.points</a>.</td></tr><tr><tdclass=CDLEntry>stroke</td><tdclass=CDLDescription>String that defines the stroke color. This is stored in <stroke>. Default is ‘black’.</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></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxConnector.updateBoundingBox"></a>updateBoundingBox</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxConnector.prototype.updateBoundingBox = function()</td></tr></table></blockquote><p>Updates the <boundingBox> for this shape using <createBoundingBox> and <ahref="#mxConnector.augmentBoundingBox"class=LFunctionid=link13onMouseOver="ShowTip(event, 'tt4', 'link13')"onMouseOut="HideTip('tt4')">augmentBoundingBox</a> and stores the result in <boundingBox>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxConnector.createMarker"></a>createMarker</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxConnector.prototype.createMarker = function(</td><tdclass="PParameter prettyprint "nowrap>c,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>pts,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>source</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Prepares the marker by adding offsets in pts and returning a function to paint the marker.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxConnector.augmentBoundingBox"></a>augmentBoundingBox</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxConnector.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 strokewidth and shadow offsets.</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 mxConnector(</td><tdclass="PParameter prettyprint "nowrap>points,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>stroke,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>strokewidth</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new connector shape.</div></div><divclass=CToolTipid="tt3"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxConnector.prototype.updateBoundingBox = function()</td></tr></table></blockquote>Updates the boundingBox for this shape using createBoundingBox and augmentBoundingBox and stores the result in boundingBox.</div></div><divclass=CToolTipid="tt4"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxConnector.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 strokewidth and shadow offsets.</div></div><divclass=CToolTipid="tt5"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxConnector.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="tt6"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxConnector.prototype.createMarker = function(</td><tdclass="PParameter prettyprint "nowrap>c,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>pts,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>source</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Prepares the marker by adding offsets in pts and returning a function to paint the marker.</div></div><divclass=CToolTipid="tt7"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">SHAPE_CONNECTOR: 'connector'</td></tr></table></blockquote>Name under which mxConnector is registered in mxCellRenderer. </div></div><divclass=CToolTipid="tt8"><divclass=CClass>Renders cells into a document object model. </div></div><divclass=CToolTipid="tt9"><divclass=CClass>Implements a 2-dimensional vector with double precision coordinates.</div></div><divclass=CToolTipid="tt10"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxShape.prototype.points</td></tr></table></blockquote>Holds the array of mxPoints that specify the points of this shape.</div></div><!--END_ND_TOOLTIPS-->
