<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxCylinder"></a>mxCylinder</h1><divclass=CBody><p>Extends <ahref="mxShape-js.html#mxShape"class=LClassid=link18onMouseOver="ShowTip(event, 'tt1', 'link18')"onMouseOut="HideTip('tt1')">mxShape</a> to implement an cylinder shape. If a custom shape with one filled area and an overlay path is needed, then this shape’s <ahref="#mxCylinder.redrawPath"class=LFunctionid=link19onMouseOver="ShowTip(event, 'tt17', 'link19')"onMouseOut="HideTip('tt17')">redrawPath</a> should be overridden. This shape is registered under <ahref="../util/mxConstants-js.html#mxConstants.SHAPE_CYLINDER"class=LVariableid=link20onMouseOver="ShowTip(event, 'tt18', 'link20')"onMouseOut="HideTip('tt18')">mxConstants.SHAPE_CYLINDER</a> in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link21onMouseOver="ShowTip(event, 'tt19', 'link21')"onMouseOut="HideTip('tt19')">mxCellRenderer</a>.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxCylinder">mxCylinder</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 cylinder shape. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCylinder.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCylinder.mxCylinder"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">mxCylinder</a></td><tdclass=SDescription>Constructs a new cylinder shape.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCylinder.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCylinder.vmlNodes"id=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">vmlNodes</a></td><tdclass=SDescription>Adds local references to <ahref="mxShape-js.html#mxShape.vmlNodes"class=LVariableid=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">mxShape.vmlNodes</a>.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCylinder.mixedModeHtml"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">mixedModeHtml</a></td><tdclass=SDescription>Overrides the parent value with false, meaning it will draw in VML in mixed Html mode.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCylinder.preferModeHtml"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">preferModeHtml</a></td><tdclass=SDescription>Overrides the parent value with false, meaning it will draw as VML in prefer Html mode.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCylinder.addPipe"id=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">addPipe</a></td><tdclass=SDescription>Specifies if a SVG path should be created around the background for better hit detection. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCylinder.strokedBackground"id=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">strokedBackground</a></td><tdclass=SDescription>Specifies if the background should be stroked. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCylinder.maxHeight"id=link9onMouseOver="ShowTip(event, 'tt9', 'link9')"onMouseOut="HideTip('tt9')">maxHeight</a></td><tdclass=SDescription>Defines the maximum height of the top and bottom part of the cylinder shape.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCylinder.vmlScale"id=link10onMouseOver="ShowTip(event, 'tt10', 'link10')"onMouseOut="HideTip('tt10')">vmlScale</a></td><tdclass=SDescription>Renders VML
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.mxCylinder"></a>mxCylinder</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxCylinder(</td><tdclass=PParameternowrap>bounds,</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><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new cylinder shape.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>bounds</td><tdclass=CDLDescription><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link22onMouseOver="ShowTip(event, 'tt20', 'link22')"onMouseOut="HideTip('tt20')">mxRectangle</a> that defines the bounds. This is stored in <ahref="mxShape-js.html#mxShape.bounds"class=LVariableid=link23onMouseOver="ShowTip(event, 'tt21', 'link23')"onMouseOut="HideTip('tt21')">mxShape.bounds</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></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.vmlNodes"></a>vmlNodes</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.vmlNodes</td></tr></table></blockquote><p>Adds local references to <ahref="mxShape-js.html#mxShape.vmlNodes"class=LVariableid=link24onMouseOver="ShowTip(event, 'tt4', 'link24')"onMouseOut="HideTip('tt4')">mxShape.vmlNodes</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.mixedModeHtml"></a>mixedModeHtml</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.mixedModeHtml</td></tr></table></blockquote><p>Overrides the parent value with false, meaning it will draw in VML in mixed Html mode.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.preferModeHtml"></a>preferModeHtml</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.preferModeHtml</td></tr></table></blockquote><p>Overrides the parent value with false, meaning it will draw as VML in prefer Html mode.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.addPipe"></a>addPipe</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.addPipe</td></tr></table></blockquote><p>Specifies if a SVG path should be created around the background for better hit detection. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.strokedBackground"></a>strokedBackground</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.strokedBackground</td></tr></table></blockquote><p>Specifies if the background should be stroked. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.maxHeight"></a>maxHeight</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.maxHeight</td></tr></table></blockquote><p>Defines the maximum height of the top and bottom part of the cylinder shape.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.vmlScale"></a>vmlScale</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.vmlScale</td></tr></table></blockquote><p>Renders VML with a scale of 2.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.create"></a>create</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCylinder.prototype.create = function(</td><tdclass=PParameternowrap>container</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Overrides the method to make sure the <stroke> is never null. If it is null is will be assigned the <fill> color.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.reconfigure"></a>reconfigure</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.reconfigure = function()</td></tr></table></blockquote><p>Overrides the method to make sure the <stroke> is applied to the foreground.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.createVml"></a>createVml</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.createVml = function()</td></tr></table></blockquote><p>Creates and returns the VML node to represent this shape.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.redrawVml"></a>redrawVml</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.redrawVml = function()</td></tr></table></blockquote><p>Updates the VML node(s) to reflect the latest bounds and scale.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.createSvg"></a>createSvg</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.createSvg = function()</td></tr></table></blockquote><p>Creates and returns the SVG node(s) to represent this shape.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.redrawSvg"></a>redrawSvg</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.redrawSvg = function()</td></tr></table></blockquote><p>Updates the SVG node(s) to reflect the latest bounds and scale.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCylinder.redrawPath"></a>redrawPath</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCylinder.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></tr><tr><td></td><tdclass=PParameternowrap>isForeground</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=link25onMouseOver="ShowTip(event, 'tt22', 'link25')"onMouseOut="HideTip('tt22')">mxPath</a> abstraction to paint the shape for VML and SVG.</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 mxCylinder(</td><tdclass=PParameternowrap>bounds,</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><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new cylinder shape.</div></div><divclass=CToolTipid="tt3"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.vmlNodes</td></tr></table></blockquote>Adds local references to mxShape.vmlNodes.</div></div><divclass=CToolTipid="tt4"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxShape.prototype.vmlNodes</td></tr></table></blockquote>Array if VML node names to fix in IE8 standards mode.</div></div><divclass=CToolTipid="tt5"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.mixedModeHtml</td></tr></table></blockquote>Overrides the parent value with false, meaning it will draw in VML in mixed Html mode.</div></div><divclass=CToolTipid="tt6"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.preferModeHtml</td></tr></table></blockquote>Overrides the parent value with false, meaning it will draw as VML in prefer Html mode.</div></div><divclass=CToolTipid="tt7"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.addPipe</td></tr></table></blockquote>Specifies if a SVG path should be created around the background for better hit detection. </div></div><divclass=CToolTipid="tt8"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.strokedBackground</td></tr></table></blockquote>Specifies if the background should be stroked. </div></div><divclass=CToolTipid="tt9"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.maxHeight</td></tr></table></blockquote>Defines the maximum height of the top and bottom part of the cylinder shape.</div></div><divclass=CToolTipid="tt10"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.vmlScale</td></tr></table></blockquote>Renders VML with a scale of 2.</div></div><divclass=CToolTipid="tt11"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCylinder.prototype.create = function(</td><tdclass=PParameternowrap>container</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Overrides the method to make sure the stroke is never null. </div></div><divclass=CToolTipid="tt12"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.reconfigure = function()</td></tr></table></blockquote>Overrides the method to make sure the stroke is applied to the foreground.</div></div><divclass=CToolTipid="tt13"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCylinder.prototype.createVml = function()</td></tr></table></blockquote>Creates and returns the VML node to represent this shape.</div></div><divclass=CToolTipid="tt14"><divclass=CFunction><blockquote><tableborder=0cellspacing=
