<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxAbstractCanvas2D"></a>mxAbstractCanvas2D</h1><divclass=CBody><p>Base class for all canvases. A description of the public API is available in <ahref="mxXmlCanvas2D-js.html#mxXmlCanvas2D"class=LClassid=link58onMouseOver="ShowTip(event, 'tt57', 'link58')"onMouseOut="HideTip('tt57')">mxXmlCanvas2D</a>. All color values of <ahref="mxConstants-js.html#mxConstants.NONE"class=LVariableid=link59onMouseOver="ShowTip(event, 'tt58', 'link59')"onMouseOut="HideTip('tt58')">mxConstants.NONE</a> will be converted to null in the state.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxAbstractCanvas2D">mxAbstractCanvas2D</a></td><tdclass=SDescription>Base class for all canvases. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.mxAbstractCanvas2D"id=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">mxAbstractCanvas2D</a></td><tdclass=SDescription>Constructs a new abstract canvas.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.converter"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">converter</a></td><tdclass=SDescription>Holds the <ahref="mxUrlConverter-js.html#mxUrlConverter"class=LClassid=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">mxUrlConverter</a> to convert image URLs.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.state"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">state</a></td><tdclass=SDescription>Holds the current state.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.states"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">states</a></td><tdclass=SDescription>Stack of states.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.path"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">path</a></td><tdclass=SDescription>Holds the current path as an array.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.rotateHtml"id=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">rotateHtml</a></td><tdclass=SDescription>Switch for rotation of HTML. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.lastX"id=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">lastX</a></td><tdclass=SDescription>Holds the last x coordinate.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.lastY"id=link9onMouseOver="ShowTip(event, 'tt9', 'link9')"onMouseOut="HideTip('tt9')">lastY</a></td><tdclass=SDescription>Holds the last y coordinate.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.moveOp"id=link10onMouseOver="ShowTip(event, 'tt10', 'link10')"onMouseOut="HideTip('tt10')">moveOp</a></td><tdclass=SDescription>Contains the string used for moving in paths. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.lineOp"id=link11onMouseOver="ShowTip(event, 'tt11', 'link11')"onMouseOut="HideTip('tt11')">lineOp</a></td><tdclass=SDescription>Contains the string used for moving in paths. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxAbstractCanvas2D.quadOp"id=link12onMouseOver="ShowTip(event, 'tt12', 'link12')"onMouseOut="Hide
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.mxAbstractCanvas2D"></a>mxAbstractCanvas2D</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>function mxAbstractCanvas2D()</td></tr></table></blockquote><p>Constructs a new abstract canvas.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.converter"></a>converter</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>this.converter</td></tr></table></blockquote><p>Holds the <ahref="mxUrlConverter-js.html#mxUrlConverter"class=LClassid=link60onMouseOver="ShowTip(event, 'tt3', 'link60')"onMouseOut="HideTip('tt3')">mxUrlConverter</a> to convert image URLs.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.state"></a>state</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.state</td></tr></table></blockquote><p>Holds the current state.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.states"></a>states</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.states</td></tr></table></blockquote><p>Stack of states.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.path"></a>path</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.path</td></tr></table></blockquote><p>Holds the current path as an array.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.rotateHtml"></a>rotateHtml</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.rotateHtml</td></tr></table></blockquote><p>Switch for rotation of HTML. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.lastX"></a>lastX</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.lastX</td></tr></table></blockquote><p>Holds the last x coordinate.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.lastY"></a>lastY</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.lastY</td></tr></table></blockquote><p>Holds the last y coordinate.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.moveOp"></a>moveOp</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.moveOp</td></tr></table></blockquote><p>Contains the string used for moving in paths. Default is ‘M’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.lineOp"></a>lineOp</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.lineOp</td></tr></table></blockquote><p>Contains the string used for moving in paths. Default is ‘L’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.quadOp"></a>quadOp</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.quadOp</td></tr></table></blockquote><p>Contains the string used for quadratic paths. Default is ‘Q’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.curveOp"></a>curveOp</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.curveOp</td></tr></table></blockquote><p>Contains the string used for bezier curves. Default is ‘C’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.closeOp"></a>closeOp</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.closeOp</td></tr></table></blockquote><p>Holds the operator for closing curves. Default is ‘Z’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.pointerEvents"></a>pointerEvents</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.pointerEvents</td></tr></table></blockquote><p>Boolean value that specifies if events should be handled. Default is false.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.createUrlConverter"></a>createUrlConverter</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.createUrlConverter = function()</td></tr></table></blockquote><p>Create a new <ahref="mxUrlConverter-js.html#mxUrlConverter"class=LClassid=link61onMouseOver="ShowTip(event, 'tt3', 'link61')"onMouseOut="HideTip('tt3')">mxUrlConverter</a> and returns it.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.reset"></a>reset</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.reset = function()</td></tr></table></blockquote><p>Resets the state of this canvas.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.createState"></a>createState</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.createState = function()</td></tr></table></blockquote><p>Creates the state of the this canvas.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.format"></a>format</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.format = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Rounds all numbers to integers.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.addOp"></a>addOp</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.addOp = function()</td></tr></table></blockquote><p>Adds the given operation to the path.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.rotatePoint"></a>rotatePoint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.rotatePoint = function(</td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y,</td></tr><tr><td></td><tdclass=PParameternowrap>theta,</td></tr><tr><td></td><tdclass=PParameternowrap>cx,</td></tr><tr><td></td><tdclass=PParameternowrap>cy</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Rotates the given point and returns the result as an <ahref="mxPoint-js.html#mxPoint"class=LClassid=link62onMouseOver="ShowTip(event, 'tt22', 'link62')"onMouseOut="HideTip('tt22')">mxPoint</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.save"></a>save</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.save = function()</td></tr></table></blockquote><p>Saves the current state.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.restore"></a>restore</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.restore = function()</td></tr></table></blockquote><p>Restores the current state.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setLink"></a>setLink</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setLink = function(</td><tdclass=PParameternowrap>link</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current link. Hook for subclassers.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.scale"></a>scale</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.scale = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Scales the current state.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.translate"></a>translate</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.translate = function(</td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Translates the current state.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.rotate"></a>rotate</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.rotate = function(</td><tdclass=PParameternowrap>theta,</td></tr><tr><td></td><tdclass=PParameternowrap>flipH,</td></tr><tr><td></td><tdclass=PParameternowrap>flipV,</td></tr><tr><td></td><tdclass=PParameternowrap>cx,</td></tr><tr><td></td><tdclass=PParameternowrap>cy</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Rotates the current state.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setAlpha"></a>setAlpha</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setAlpha = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current alpha.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setFillAlpha"></a>setFillAlpha</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setFillAlpha = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current solid fill alpha.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setStrokeAlpha"></a>setStrokeAlpha</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setStrokeAlpha = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current stroke alpha.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setFillColor"></a>setFillColor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setFillColor = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current fill color.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setGradient"></a>setGradient</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setGradient = function(</td><tdclass=PParameternowrap>color1,</td></tr><tr><td></td><tdclass=PParameternowrap>color2,</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>direction,</td></tr><tr><td></td><tdclass=PParameternowrap>alpha1,</td></tr><tr><td></td><tdclass=PParameternowrap>alpha2</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current gradient.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setStrokeColor"></a>setStrokeColor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setStrokeColor = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current stroke color.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setStrokeWidth"></a>setStrokeWidth</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setStrokeWidth = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current stroke width.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setDashed"></a>setDashed</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setDashed = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Enables or disables dashed lines.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setDashPattern"></a>setDashPattern</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setDashPattern = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current dash pattern.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setLineCap"></a>setLineCap</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setLineCap = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current line cap.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setLineJoin"></a>setLineJoin</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setLineJoin = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current line join.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setMiterLimit"></a>setMiterLimit</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setMiterLimit = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current miter limit.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setFontColor"></a>setFontColor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setFontColor = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font color.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setFontColor"></a>setFontColor</h3><divclass=CBody><p>Sets the current font color.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setFontColor"></a>setFontColor</h3><divclass=CBody><p>Sets the current font color.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setFontSize"></a>setFontSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setFontSize = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font size.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setFontFamily"></a>setFontFamily</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setFontFamily = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font family.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setFontStyle"></a>setFontStyle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setFontStyle = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font style.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setShadow"></a>setShadow</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setShadow = function(</td><tdclass=PParameternowrap>enabled</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Enables or disables and configures the current shadow.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setShadowColor"></a>setShadowColor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setShadowColor = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Enables or disables and configures the current shadow.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setShadowAlpha"></a>setShadowAlpha</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setShadowAlpha = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Enables or disables and configures the current shadow.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.setShadowOffset"></a>setShadowOffset</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.setShadowOffset = function(</td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Enables or disables and configures the current shadow.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.begin"></a>begin</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.begin = function()</td></tr></table></blockquote><p>Starts a new path.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.moveTo"></a>moveTo</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.moveTo = function(</td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Moves the current path the given coordinates.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.lineTo"></a>lineTo</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.lineTo = function(</td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Draws a line to the given coordinates. Uses moveTo with the op argument.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.quadTo"></a>quadTo</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.quadTo = function(</td><tdclass=PParameternowrap>x1,</td></tr><tr><td></td><tdclass=PParameternowrap>y1,</td></tr><tr><td></td><tdclass=PParameternowrap>x2,</td></tr><tr><td></td><tdclass=PParameternowrap>y2</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds a quadratic curve to the current path.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.curveTo"></a>curveTo</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.curveTo = function(</td><tdclass=PParameternowrap>x1,</td></tr><tr><td></td><tdclass=PParameternowrap>y1,</td></tr><tr><td></td><tdclass=PParameternowrap>x2,</td></tr><tr><td></td><tdclass=PParameternowrap>y2,</td></tr><tr><td></td><tdclass=PParameternowrap>x3,</td></tr><tr><td></td><tdclass=PParameternowrap>y3</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds a bezier curve to the current path.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.arcTo"></a>arcTo</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.arcTo = function(</td><tdclass=PParameternowrap>rx,</td></tr><tr><td></td><tdclass=PParameternowrap>ry,</td></tr><tr><td></td><tdclass=PParameternowrap>angle,</td></tr><tr><td></td><tdclass=PParameternowrap>largeArcFlag,</td></tr><tr><td></td><tdclass=PParameternowrap>sweepFlag,</td></tr><tr><td></td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the given arc to the current path. This is a synthetic operation that is broken down into curves.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.close"></a>close</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxAbstractCanvas2D.prototype.close = function(</td><tdclass=PParameternowrap>x1,</td></tr><tr><td></td><tdclass=PParameternowrap>y1,</td></tr><tr><td></td><tdclass=PParameternowrap>x2,</td></tr><tr><td></td><tdclass=PParameternowrap>y2,</td></tr><tr><td></td><tdclass=PParameternowrap>x3,</td></tr><tr><td></td><tdclass=PParameternowrap>y3</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Closes the current path.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAbstractCanvas2D.end"></a>end</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.end = function()</td></tr></table></blockquote><p>Empty implementation for backwards compatibility. This will be removed.</p></div></div></div>
</div><!--Content-->
<divid=Footer><ahref="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<divclass=CToolTipid="tt1"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>function mxAbstractCanvas2D()</td></tr></table></blockquote>Constructs a new abstract canvas.</div></div><divclass=CToolTipid="tt2"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>this.converter</td></tr></table></blockquote>Holds the mxUrlConverter to convert image URLs.</div></div><divclass=CToolTipid="tt3"><divclass=CClass>Converts relative and absolute URLs to absolute URLs with protocol and domain.</div></div><divclass=CToolTipid="tt4"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.state</td></tr></table></blockquote>Holds the current state.</div></div><divclass=CToolTipid="tt5"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.states</td></tr></table></blockquote>Stack of states.</div></div><divclass=CToolTipid="tt6"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.path</td></tr></table></blockquote>Holds the current path as an array.</div></div><divclass=CToolTipid="tt7"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.rotateHtml</td></tr></table></blockquote>Switch for rotation of HTML. </div></div><divclass=CToolTipid="tt8"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.lastX</td></tr></table></blockquote>Holds the last x coordinate.</div></div><divclass=CToolTipid="tt9"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.lastY</td></tr></table></blockquote>Holds the last y coordinate.</div></div><divclass=CToolTipid="tt10"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.moveOp</td></tr></table></blockquote>Contains the string used for moving in paths. </div></div><divclass=CToolTipid="tt11"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.lineOp</td></tr></table></blockquote>Contains the string used for moving in paths. </div></div><divclass=CToolTipid="tt12"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.quadOp</td></tr></table></blockquote>Contains the string used for quadratic paths. </div></div><divclass=CToolTipid="tt13"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.curveOp</td></tr></table></blockquote>Contains the string used for bezier curves. </div></div><divclass=CToolTipid="tt14"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.closeOp</td></tr></table></blockquote>Holds the operator for closing curves. </div></div><divclass=CToolTipid="tt15"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.pointerEvents</td></tr></table></blockquote>Boolean value that specifies if events should be handled. </div></div><divclass=CToolTipid="tt16"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAbstractCanvas2D.prototype.createUrlConverter = function()</td></tr></table></blockquote>Create a new mxUrlConverter and returns it.</div></div><divclass=CToolTipid="tt17"><divclass=CFunction><b
