<!-- saved from url=(0026)http://www.naturaldocs.org -->
<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxHtmlCanvas"></a>mxHtmlCanvas</h1><divclass=CBody><p>Canvas for drawing graphs using HTML.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxHtmlCanvas">mxHtmlCanvas</a></td><tdclass=SDescription>Canvas for drawing graphs using HTML.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxHtmlCanvas.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxHtmlCanvas.html"id=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">html</a></td><tdclass=SDescription>Holds the html markup.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxHtmlCanvas.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxHtmlCanvas.mxGdCanvas">mxGdCanvas</a></td><tdclass=SDescription>Constructs a new GD canvas. </td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxHtmlCanvas.getHtml"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">getHtml</a></td><tdclass=SDescription>Gets the HTML that represents the canvas.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxHtmlCanvas.out"id=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">out</a></td><tdclass=SDescription>Adds the specified string to the output.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxHtmlCanvas.drawLine"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">drawLine</a></td><tdclass=SDescription>Draws the specified line.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxHtmlCanvas.drawShape"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">drawShape</a></td><tdclass=SDescription>Draws the specified shape.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxHtmlCanvas.drawImage"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">drawImage</a></td><tdclass=SDescription>Draws the specified image.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxHtmlCanvas.drawText"id=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">drawText</a></td><tdclass=SDescription>Draws the specified text.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxHtmlCanvas.destroy"id=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">destroy</a></td><tdclass=SDescription>Destroy all allocated resources.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxHtmlCanvas.drawGraph"id=link9onMouseOver="ShowTip(event, 'tt9', 'link9')"onMouseOut="HideTip('tt9')">drawGraph</a></td><tdclass=SDescription>Draws the given graph using this canvas.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.html"></a>html</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>var $html</td></tr></table></blockquote><p>Holds the html markup.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.mxGdCanvas"></a>mxGdCanvas</h3><divclass=CBody><p>Constructs a new GD canvas. Use a HTML color definition for the optional background parameter, eg. white or #FFFFFF.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.getHtml"></a>getHtml</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>function getHtml()</td></tr></table></blockquote><p>Gets the HTML that represents the canvas.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.out"></a>out</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function out(</td><tdclass=PParameternowrap>$string</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the specified string to the output.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.drawLine"></a>drawLine</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function drawLine(</td><tdclass=PParameternowrap>$x0,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$y0,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$x1,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$y1,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$stroke</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%> null,</td></tr><tr><td></td><tdclass=PParameternowrap>$dashed</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%> false</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Draws the specified line.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.drawShape"></a>drawShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function drawShape(</td><tdclass=PParameternowrap>$shape,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$x,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$y,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$w,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$h,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$stroke</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%>null,</td></tr><tr><td></td><tdclass=PParameternowrap>$fill</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%>null</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Draws the specified shape.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.drawImage"></a>drawImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function drawImage(</td><tdclass=PParameternowrap>$x,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$y,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$w,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$h,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$image,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$aspect</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%> true,</td></tr><tr><td></td><tdclass=PParameternowrap>$flipH</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%> false,</td></tr><tr><td></td><tdclass=PParameternowrap>$flipV</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%> false</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Draws the specified image.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.drawText"></a>drawText</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function drawText(</td><tdclass=PParameternowrap>$string,</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>$style</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Draws the specified text.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.destroy"></a>destroy</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>function destroy()</td></tr></table></blockquote><p>Destroy all allocated resources.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxHtmlCanvas.drawGraph"></a>drawGraph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>public static function drawGraph(</td><tdclass=PParameternowrap>$graph,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$clip</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%> null,</td></tr><tr><td></td><tdclass=PParameternowrap>$bg</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%> null</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Draws the given graph using this canvas.</p></div></div></div>
</div><!--Content-->
<divid=Footer><ahref="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<divclass=CToolTipid="tt1"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>var $html</td></tr></table></blockquote>Holds the html markup.</div></div><divclass=CToolTipid="tt2"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>function getHtml()</td></tr></table></blockquote>Gets the HTML that represents the canvas.</div></div><divclass=CToolTipid="tt3"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function out(</td><tdclass=PParameternowrap>$string</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Adds the specified string to the output.</div></div><divclass=CToolTipid="tt4"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function drawLine(</td><tdclass=PParameternowrap>$x0,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$y0,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$x1,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$y1,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$stroke</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%> null,</td></tr><tr><td></td><tdclass=PParameternowrap>$dashed</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%> false</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Draws the specified line.</div></div><divclass=CToolTipid="tt5"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function drawShape(</td><tdclass=PParameternowrap>$shape,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$x,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$y,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$w,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$h,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$stroke</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%>null,</td></tr><tr><td></td><tdclass=PParameternowrap>$fill</td><tdclass=PDefaultValuePrefix> = </td><tdclass=PDefaultValuewidth=100%>null</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Draws the specified shape.</div></div><divclass=CToolTipid="tt6"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function drawImage(</td><tdclass=PParameternowrap>$x,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$y,</td><tdclass=PDefaultValuePrefix> </td><tdclass=PDefaultValuewidth=100%></td></tr><tr><td></td><tdclass=PParameternowrap>$w,</td><tdclass=PDefaultValuePrefix> </td><tdcl