This repository has been archived by the owner on Mar 31, 2021. It is now read-only.
/
mxXmlCanvas2D-js.html
137 lines (67 loc) · 103 KB
/
mxXmlCanvas2D-js.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html><head><title>mxXmlCanvas2D</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script><script language=JavaScript src="../../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
<!-- Generated by Natural Docs, version 1.5 -->
<!-- http://www.naturaldocs.org -->
<!-- saved from url=(0026)http://www.naturaldocs.org -->
<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="mxXmlCanvas2D"></a>mxXmlCanvas2D</h1><div class=CBody><p>Base class for all canvases. The following methods make up the public interface of the canvas 2D for all painting in mxGraph:</p><ul><li><a href="#mxXmlCanvas2D.save" class=LFunction id=link48 onMouseOver="ShowTip(event, 'tt8', 'link48')" onMouseOut="HideTip('tt8')">save</a>, <a href="#mxXmlCanvas2D.restore" class=LFunction id=link49 onMouseOver="ShowTip(event, 'tt9', 'link49')" onMouseOut="HideTip('tt9')">restore</a></li><li><a href="#mxXmlCanvas2D.scale" class=LFunction id=link50 onMouseOver="ShowTip(event, 'tt10', 'link50')" onMouseOut="HideTip('tt10')">scale</a>, <a href="#mxXmlCanvas2D.translate" class=LFunction id=link51 onMouseOver="ShowTip(event, 'tt11', 'link51')" onMouseOut="HideTip('tt11')">translate</a>, <a href="#mxXmlCanvas2D.rotate" class=LFunction id=link52 onMouseOver="ShowTip(event, 'tt12', 'link52')" onMouseOut="HideTip('tt12')">rotate</a></li><li><a href="#mxXmlCanvas2D.setAlpha" class=LFunction id=link53 onMouseOver="ShowTip(event, 'tt13', 'link53')" onMouseOut="HideTip('tt13')">setAlpha</a>, <a href="#mxXmlCanvas2D.setFillColor" class=LFunction id=link54 onMouseOver="ShowTip(event, 'tt14', 'link54')" onMouseOut="HideTip('tt14')">setFillColor</a>, <a href="#mxXmlCanvas2D.setGradient" class=LFunction id=link55 onMouseOver="ShowTip(event, 'tt15', 'link55')" onMouseOut="HideTip('tt15')">setGradient</a>, <a href="#mxXmlCanvas2D.setStrokeColor" class=LFunction id=link56 onMouseOver="ShowTip(event, 'tt16', 'link56')" onMouseOut="HideTip('tt16')">setStrokeColor</a>, <a href="#mxXmlCanvas2D.setStrokeWidth" class=LFunction id=link57 onMouseOver="ShowTip(event, 'tt17', 'link57')" onMouseOut="HideTip('tt17')">setStrokeWidth</a>, <a href="#mxXmlCanvas2D.setDashed" class=LFunction id=link58 onMouseOver="ShowTip(event, 'tt18', 'link58')" onMouseOut="HideTip('tt18')">setDashed</a>, <a href="#mxXmlCanvas2D.setDashPattern" class=LFunction id=link59 onMouseOver="ShowTip(event, 'tt19', 'link59')" onMouseOut="HideTip('tt19')">setDashPattern</a>, <a href="#mxXmlCanvas2D.setLineCap" class=LFunction id=link60 onMouseOver="ShowTip(event, 'tt20', 'link60')" onMouseOut="HideTip('tt20')">setLineCap</a>, <a href="#mxXmlCanvas2D.setLineJoin" class=LFunction id=link61 onMouseOver="ShowTip(event, 'tt21', 'link61')" onMouseOut="HideTip('tt21')">setLineJoin</a>, <a href="#mxXmlCanvas2D.setMiterLimit" class=LFunction id=link62 onMouseOver="ShowTip(event, 'tt22', 'link62')" onMouseOut="HideTip('tt22')">setMiterLimit</a></li><li><a href="#mxXmlCanvas2D.setFontColor" class=LFunction id=link63 onMouseOver="ShowTip(event, 'tt23', 'link63')" onMouseOut="HideTip('tt23')">setFontColor</a>, <a href="#mxXmlCanvas2D.setFontBackgroundColor" class=LFunction id=link64 onMouseOver="ShowTip(event, 'tt24', 'link64')" onMouseOut="HideTip('tt24')">setFontBackgroundColor</a>, <a href="#mxXmlCanvas2D.setFontBorderColor" class=LFunction id=link65 onMouseOver="ShowTip(event, 'tt25', 'link65')" onMouseOut="HideTip('tt25')">setFontBorderColor</a>, <a href="#mxXmlCanvas2D.setFontSize" class=LFunction id=link66 onMouseOver="ShowTip(event, 'tt26', 'link66')" onMouseOut="HideTip('tt26')">setFontSize</a>, <a href="#mxXmlCanvas2D.setFontFamily" class=LFunction id=link67 onMouseOver="ShowTip(event, 'tt27', 'link67')" onMouseOut="HideTip('tt27')">setFontFamily</a>, <a href="#mxXmlCanvas2D.setFontStyle" class=LFunction id=link68 onMouseOver="ShowTip(event, 'tt28', 'link68')" onMouseOut="HideTip('tt28')">setFontStyle</a></li><li><a href="#mxXmlCanvas2D.setShadow" class=LFunction id=link69 onMouseOver="ShowTip(event, 'tt29', 'link69')" onMouseOut="HideTip('tt29')">setShadow</a>, <a href="#mxXmlCanvas2D.setShadowColor" class=LFunction id=link70 onMouseOver="ShowTip(event, 'tt30', 'link70')" onMouseOut="HideTip('tt30')">setShadowColor</a>, <a href="#mxXmlCanvas2D.setShadowAlpha" class=LFunction id=link71 onMouseOver="ShowTip(event, 'tt31', 'link71')" onMouseOut="HideTip('tt31')">setShadowAlpha</a>, <a href="#mxXmlCanvas2D.setShadowOffset" class=LFunction id=link72 onMouseOver="ShowTip(event, 'tt32', 'link72')" onMouseOut="HideTip('tt32')">setShadowOffset</a></li><li><a href="#mxXmlCanvas2D.rect" class=LFunction id=link73 onMouseOver="ShowTip(event, 'tt33', 'link73')" onMouseOut="HideTip('tt33')">rect</a>, <a href="#mxXmlCanvas2D.roundrect" class=LFunction id=link74 onMouseOver="ShowTip(event, 'tt34', 'link74')" onMouseOut="HideTip('tt34')">roundrect</a>, <a href="#mxXmlCanvas2D.ellipse" class=LFunction id=link75 onMouseOver="ShowTip(event, 'tt35', 'link75')" onMouseOut="HideTip('tt35')">ellipse</a>, <a href="#mxXmlCanvas2D.image" class=LFunction id=link76 onMouseOver="ShowTip(event, 'tt36', 'link76')" onMouseOut="HideTip('tt36')">image</a>, <a href="#mxXmlCanvas2D.text" class=LFunction id=link77 onMouseOver="ShowTip(event, 'tt43', 'link77')" onMouseOut="HideTip('tt43')">text</a></li><li><a href="#mxXmlCanvas2D.begin" class=LFunction id=link78 onMouseOver="ShowTip(event, 'tt37', 'link78')" onMouseOut="HideTip('tt37')">begin</a>, <a href="#mxXmlCanvas2D.moveTo" class=LFunction id=link79 onMouseOver="ShowTip(event, 'tt38', 'link79')" onMouseOut="HideTip('tt38')">moveTo</a>, <a href="#mxXmlCanvas2D.lineTo" class=LFunction id=link80 onMouseOver="ShowTip(event, 'tt39', 'link80')" onMouseOut="HideTip('tt39')">lineTo</a>, <a href="#mxXmlCanvas2D.quadTo" class=LFunction id=link81 onMouseOver="ShowTip(event, 'tt40', 'link81')" onMouseOut="HideTip('tt40')">quadTo</a>, <a href="#mxXmlCanvas2D.curveTo" class=LFunction id=link82 onMouseOver="ShowTip(event, 'tt41', 'link82')" onMouseOut="HideTip('tt41')">curveTo</a></li><li><a href="#mxXmlCanvas2D.stroke" class=LFunction id=link83 onMouseOver="ShowTip(event, 'tt44', 'link83')" onMouseOut="HideTip('tt44')">stroke</a>, <a href="#mxXmlCanvas2D.fill" class=LFunction id=link84 onMouseOver="ShowTip(event, 'tt45', 'link84')" onMouseOut="HideTip('tt45')">fill</a>, <a href="#mxXmlCanvas2D.fillAndStroke" class=LFunction id=link85 onMouseOver="ShowTip(event, 'tt46', 'link85')" onMouseOut="HideTip('tt46')">fillAndStroke</a></li></ul><p><a href="mxAbstractCanvas2D-js.html#mxAbstractCanvas2D.arcTo" class=LFunction id=link86 onMouseOver="ShowTip(event, 'tt47', 'link86')" onMouseOut="HideTip('tt47')">mxAbstractCanvas2D.arcTo</a> is an additional method for drawing paths. This is a synthetic method, meaning that it is turned into a sequence of curves by default. Subclassers may add native support for arcs.</p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#mxXmlCanvas2D" >mxXmlCanvas2D</a></td><td class=SDescription>Base class for all canvases. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxXmlCanvas2D.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.mxXmlCanvas2D" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mxXmlCanvas2D</a></td><td class=SDescription>Constructs a new abstract canvas.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxXmlCanvas2D.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.root" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">root</a></td><td class=SDescription>Reference to the container for the SVG content.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.textEnabled" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">textEnabled</a></td><td class=SDescription>Specifies if text output should be enabled. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.compressed" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">compressed</a></td><td class=SDescription>Specifies if the output should be compressed by removing redundant calls. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxXmlCanvas2D.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.writeDefaults" id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">writeDefaults</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.format" id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">format</a></td><td class=SDescription>Returns a formatted number with 2 decimal places.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.createElement" id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">createElement</a></td><td class=SDescription>Creates the given element using the owner document of <a href="#mxXmlCanvas2D.root" class=LVariable id=link8 onMouseOver="ShowTip(event, 'tt2', 'link8')" onMouseOut="HideTip('tt2')">root</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.save" id=link9 onMouseOver="ShowTip(event, 'tt8', 'link9')" onMouseOut="HideTip('tt8')">save</a></td><td class=SDescription>Saves the drawing state.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.restore" id=link10 onMouseOver="ShowTip(event, 'tt9', 'link10')" onMouseOut="HideTip('tt9')">restore</a></td><td class=SDescription>Restores the drawing state.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.scale" id=link11 onMouseOver="ShowTip(event, 'tt10', 'link11')" onMouseOut="HideTip('tt10')">scale</a></td><td class=SDescription>Scales the output.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.translate" id=link12 onMouseOver="ShowTip(event, 'tt11', 'link12')" onMouseOut="HideTip('tt11')">translate</a></td><td class=SDescription>Translates the output.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.rotate" id=link13 onMouseOver="ShowTip(event, 'tt12', 'link13')" onMouseOut="HideTip('tt12')">rotate</a></td><td class=SDescription>Rotates and/or flips the output around a given center. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setAlpha" id=link14 onMouseOver="ShowTip(event, 'tt13', 'link14')" onMouseOut="HideTip('tt13')">setAlpha</a></td><td class=SDescription>Sets the current alpha.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setFillColor" id=link15 onMouseOver="ShowTip(event, 'tt14', 'link15')" onMouseOut="HideTip('tt14')">setFillColor</a></td><td class=SDescription>Sets the current fill color.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setGradient" id=link16 onMouseOver="ShowTip(event, 'tt15', 'link16')" onMouseOut="HideTip('tt15')">setGradient</a></td><td class=SDescription>Sets the gradient. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setStrokeColor" id=link17 onMouseOver="ShowTip(event, 'tt16', 'link17')" onMouseOut="HideTip('tt16')">setStrokeColor</a></td><td class=SDescription>Sets the current stroke color.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setStrokeWidth" id=link18 onMouseOver="ShowTip(event, 'tt17', 'link18')" onMouseOut="HideTip('tt17')">setStrokeWidth</a></td><td class=SDescription>Sets the current stroke width.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setDashed" id=link19 onMouseOver="ShowTip(event, 'tt18', 'link19')" onMouseOut="HideTip('tt18')">setDashed</a></td><td class=SDescription>Enables or disables dashed lines.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setDashPattern" id=link20 onMouseOver="ShowTip(event, 'tt19', 'link20')" onMouseOut="HideTip('tt19')">setDashPattern</a></td><td class=SDescription>Sets the current dash pattern. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setLineCap" id=link21 onMouseOver="ShowTip(event, 'tt20', 'link21')" onMouseOut="HideTip('tt20')">setLineCap</a></td><td class=SDescription>Sets the line cap. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setLineJoin" id=link22 onMouseOver="ShowTip(event, 'tt21', 'link22')" onMouseOut="HideTip('tt21')">setLineJoin</a></td><td class=SDescription>Sets the line join. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setMiterLimit" id=link23 onMouseOver="ShowTip(event, 'tt22', 'link23')" onMouseOut="HideTip('tt22')">setMiterLimit</a></td><td class=SDescription>Sets the miter limit. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setFontColor" id=link24 onMouseOver="ShowTip(event, 'tt23', 'link24')" onMouseOut="HideTip('tt23')">setFontColor</a></td><td class=SDescription>Sets the current font color. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setFontBackgroundColor" id=link25 onMouseOver="ShowTip(event, 'tt24', 'link25')" onMouseOut="HideTip('tt24')">setFontBackgroundColor</a></td><td class=SDescription>Sets the current font background color.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setFontBorderColor" id=link26 onMouseOver="ShowTip(event, 'tt25', 'link26')" onMouseOut="HideTip('tt25')">setFontBorderColor</a></td><td class=SDescription>Sets the current font border color.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setFontSize" id=link27 onMouseOver="ShowTip(event, 'tt26', 'link27')" onMouseOut="HideTip('tt26')">setFontSize</a></td><td class=SDescription>Sets the current font size. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setFontFamily" id=link28 onMouseOver="ShowTip(event, 'tt27', 'link28')" onMouseOut="HideTip('tt27')">setFontFamily</a></td><td class=SDescription>Sets the current font family. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setFontStyle" id=link29 onMouseOver="ShowTip(event, 'tt28', 'link29')" onMouseOut="HideTip('tt28')">setFontStyle</a></td><td class=SDescription>Sets the current font style.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setShadow" id=link30 onMouseOver="ShowTip(event, 'tt29', 'link30')" onMouseOut="HideTip('tt29')">setShadow</a></td><td class=SDescription>Enables or disables shadows.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setShadowColor" id=link31 onMouseOver="ShowTip(event, 'tt30', 'link31')" onMouseOut="HideTip('tt30')">setShadowColor</a></td><td class=SDescription>Sets the current shadow color. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.setShadowAlpha" id=link32 onMouseOver="ShowTip(event, 'tt31', 'link32')" onMouseOut="HideTip('tt31')">setShadowAlpha</a></td><td class=SDescription>Sets the current shadows alpha. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.setShadowOffset" id=link33 onMouseOver="ShowTip(event, 'tt32', 'link33')" onMouseOut="HideTip('tt32')">setShadowOffset</a></td><td class=SDescription>Sets the current shadow offset.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.rect" id=link34 onMouseOver="ShowTip(event, 'tt33', 'link34')" onMouseOut="HideTip('tt33')">rect</a></td><td class=SDescription>Puts a rectangle into the drawing buffer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.roundrect" id=link35 onMouseOver="ShowTip(event, 'tt34', 'link35')" onMouseOut="HideTip('tt34')">roundrect</a></td><td class=SDescription>Puts a rounded rectangle into the drawing buffer.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.ellipse" id=link36 onMouseOver="ShowTip(event, 'tt35', 'link36')" onMouseOut="HideTip('tt35')">ellipse</a></td><td class=SDescription>Puts an ellipse into the drawing buffer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.image" id=link37 onMouseOver="ShowTip(event, 'tt36', 'link37')" onMouseOut="HideTip('tt36')">image</a></td><td class=SDescription>Paints an image.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.begin" id=link38 onMouseOver="ShowTip(event, 'tt37', 'link38')" onMouseOut="HideTip('tt37')">begin</a></td><td class=SDescription>Starts a new path and puts it into the drawing buffer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.moveTo" id=link39 onMouseOver="ShowTip(event, 'tt38', 'link39')" onMouseOut="HideTip('tt38')">moveTo</a></td><td class=SDescription>Moves the current path the given point.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.lineTo" id=link40 onMouseOver="ShowTip(event, 'tt39', 'link40')" onMouseOut="HideTip('tt39')">lineTo</a></td><td class=SDescription>Draws a line to the given coordinates.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.quadTo" id=link41 onMouseOver="ShowTip(event, 'tt40', 'link41')" onMouseOut="HideTip('tt40')">quadTo</a></td><td class=SDescription>Adds a quadratic curve to the current path.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.curveTo" id=link42 onMouseOver="ShowTip(event, 'tt41', 'link42')" onMouseOut="HideTip('tt41')">curveTo</a></td><td class=SDescription>Adds a bezier curve to the current path.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.close" id=link43 onMouseOver="ShowTip(event, 'tt42', 'link43')" onMouseOut="HideTip('tt42')">close</a></td><td class=SDescription>Closes the current path.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.text" id=link44 onMouseOver="ShowTip(event, 'tt43', 'link44')" onMouseOut="HideTip('tt43')">text</a></td><td class=SDescription>Paints the given text. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.stroke" id=link45 onMouseOver="ShowTip(event, 'tt44', 'link45')" onMouseOut="HideTip('tt44')">stroke</a></td><td class=SDescription>Paints the outline of the current drawing buffer.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxXmlCanvas2D.fill" id=link46 onMouseOver="ShowTip(event, 'tt45', 'link46')" onMouseOut="HideTip('tt45')">fill</a></td><td class=SDescription>Fills the current drawing buffer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxXmlCanvas2D.fillAndStroke" id=link47 onMouseOver="ShowTip(event, 'tt46', 'link47')" onMouseOut="HideTip('tt46')">fillAndStroke</a></td><td class=SDescription>Fills the current drawing buffer and its outline.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.mxXmlCanvas2D"></a>mxXmlCanvas2D</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxXmlCanvas2D(</td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new abstract canvas.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.Variables"></a>Variables</h3></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.root"></a>root</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>this.root</td></tr></table></blockquote><p>Reference to the container for the SVG content.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.textEnabled"></a>textEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.textEnabled</td></tr></table></blockquote><p>Specifies if text output should be enabled. Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.compressed"></a>compressed</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.compressed</td></tr></table></blockquote><p>Specifies if the output should be compressed by removing redundant calls. Default is true.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.writeDefaults"></a>writeDefaults</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.writeDefaults = function()</td></tr></table></blockquote><h4 class=CHeading>Writes the rendering defaults to <a href="#mxXmlCanvas2D.root" class=LVariable id=link87 onMouseOver="ShowTip(event, 'tt2', 'link87')" onMouseOut="HideTip('tt2')">root</a></h4></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.format"></a>format</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.format = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns a formatted number with 2 decimal places.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.createElement"></a>createElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.createElement = function(</td><td class=PParameter nowrap>name</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the given element using the owner document of <a href="#mxXmlCanvas2D.root" class=LVariable id=link88 onMouseOver="ShowTip(event, 'tt2', 'link88')" onMouseOut="HideTip('tt2')">root</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.save"></a>save</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.save = function()</td></tr></table></blockquote><p>Saves the drawing state.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.restore"></a>restore</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.restore = function()</td></tr></table></blockquote><p>Restores the drawing state.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.scale"></a>scale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.scale = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Scales the output.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>scale</td><td class=CDLDescription>Number that represents the scale where 1 is equal to 100%.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.translate"></a>translate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.translate = function(</td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Translates the output.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>dx</td><td class=CDLDescription>Number that specifies the horizontal translation.</td></tr><tr><td class=CDLEntry>dy</td><td class=CDLDescription>Number that specifies the vertical translation.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.rotate"></a>rotate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.rotate = function(</td><td class=PParameter nowrap>theta,</td></tr><tr><td></td><td class=PParameter nowrap>flipH,</td></tr><tr><td></td><td class=PParameter nowrap>flipV,</td></tr><tr><td></td><td class=PParameter nowrap>cx,</td></tr><tr><td></td><td class=PParameter nowrap>cy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Rotates and/or flips the output around a given center. (Note: Due to limitations in VML, the rotation cannot be concatenated.)</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>theta</td><td class=CDLDescription>Number that represents the angle of the rotation (in degrees).</td></tr><tr><td class=CDLEntry>flipH</td><td class=CDLDescription>Boolean indicating if the output should be flipped horizontally.</td></tr><tr><td class=CDLEntry>flipV</td><td class=CDLDescription>Boolean indicating if the output should be flipped vertically.</td></tr><tr><td class=CDLEntry>cx</td><td class=CDLDescription>Number that represents the x-coordinate of the rotation center.</td></tr><tr><td class=CDLEntry>cy</td><td class=CDLDescription>Number that represents the y-coordinate of the rotation center.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setAlpha"></a>setAlpha</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setAlpha = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current alpha.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Number that represents the new alpha. Possible values are between 1 (opaque) and 0 (transparent).</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setFillColor"></a>setFillColor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFillColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current fill color.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Hexadecimal representation of the color or ‘none’.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setGradient"></a>setGradient</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setGradient = function(</td><td class=PParameter nowrap>color1,</td></tr><tr><td></td><td class=PParameter nowrap>color2,</td></tr><tr><td></td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h,</td></tr><tr><td></td><td class=PParameter nowrap>direction,</td></tr><tr><td></td><td class=PParameter nowrap>alpha1,</td></tr><tr><td></td><td class=PParameter nowrap>alpha2</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the gradient. Note that the coordinates may be ignored by some implementations.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>color1</td><td class=CDLDescription>Hexadecimal representation of the start color.</td></tr><tr><td class=CDLEntry>color2</td><td class=CDLDescription>Hexadecimal representation of the end color.</td></tr><tr><td class=CDLEntry>x</td><td class=CDLDescription>X-coordinate of the gradient region.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>y-coordinate of the gradient region.</td></tr><tr><td class=CDLEntry>w</td><td class=CDLDescription>Width of the gradient region.</td></tr><tr><td class=CDLEntry>h</td><td class=CDLDescription>Height of the gradient region.</td></tr><tr><td class=CDLEntry>direction</td><td class=CDLDescription>One of <a href="mxConstants-js.html#mxConstants.DIRECTION_NORTH" class=LVariable id=link89 onMouseOver="ShowTip(event, 'tt48', 'link89')" onMouseOut="HideTip('tt48')">mxConstants.DIRECTION_NORTH</a>, <a href="mxConstants-js.html#mxConstants.DIRECTION_EAST" class=LVariable id=link90 onMouseOver="ShowTip(event, 'tt49', 'link90')" onMouseOut="HideTip('tt49')">mxConstants.DIRECTION_EAST</a>, <a href="mxConstants-js.html#mxConstants.DIRECTION_SOUTH" class=LVariable id=link91 onMouseOver="ShowTip(event, 'tt50', 'link91')" onMouseOut="HideTip('tt50')">mxConstants.DIRECTION_SOUTH</a> or <a href="mxConstants-js.html#mxConstants.DIRECTION_WEST" class=LVariable id=link92 onMouseOver="ShowTip(event, 'tt51', 'link92')" onMouseOut="HideTip('tt51')">mxConstants.DIRECTION_WEST</a>.</td></tr><tr><td class=CDLEntry>alpha1</td><td class=CDLDescription>Optional alpha of the start color. Default is 1. Possible values are between 1 (opaque) and 0 (transparent).</td></tr><tr><td class=CDLEntry>alpha2</td><td class=CDLDescription>Optional alpha of the end color. Default is 1. Possible values are between 1 (opaque) and 0 (transparent).</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setStrokeColor"></a>setStrokeColor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setStrokeColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current stroke color.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Hexadecimal representation of the color or ‘none’.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setStrokeWidth"></a>setStrokeWidth</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setStrokeWidth = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current stroke width.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Numeric representation of the stroke width.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setDashed"></a>setDashed</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setDashed = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Enables or disables dashed lines.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Boolean that specifies if dashed lines should be enabled.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setDashPattern"></a>setDashPattern</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setDashPattern = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current dash pattern. Default is ‘3 3’.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>String that represents the dash pattern, which is a sequence of numbers defining the length of the dashes and the length of the spaces</td></tr><tr><td class=CDLEntry>between the dashes. The lengths are relative to the line width</td><td class=CDLDescription>a length of 1 is equals to the line width.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setLineCap"></a>setLineCap</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setLineCap = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the line cap. Default is ‘flat’ which corresponds to ‘butt’ in SVG.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>String that represents the line cap. Possible values are flat, round and square.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setLineJoin"></a>setLineJoin</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setLineJoin = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the line join. Default is ‘miter’.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>String that represents the line join. Possible values are miter, round and bevel.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setMiterLimit"></a>setMiterLimit</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setMiterLimit = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the miter limit. Default is 10.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Number that represents the miter limit.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setFontColor"></a>setFontColor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font color. Default is ‘#000000’.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Hexadecimal representation of the color or ‘none’.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setFontBackgroundColor"></a>setFontBackgroundColor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontBackgroundColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font background color.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Hexadecimal representation of the color or ‘none’.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setFontBorderColor"></a>setFontBorderColor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontBorderColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font border color.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Hexadecimal representation of the color or ‘none’.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setFontSize"></a>setFontSize</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontSize = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font size. Default is <a href="mxConstants-js.html#mxConstants.DEFAULT_FONTSIZE" class=LVariable id=link93 onMouseOver="ShowTip(event, 'tt52', 'link93')" onMouseOut="HideTip('tt52')">mxConstants.DEFAULT_FONTSIZE</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Numeric representation of the font size.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setFontFamily"></a>setFontFamily</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontFamily = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font family. Default is <a href="mxConstants-js.html#mxConstants.DEFAULT_FONTFAMILY" class=LVariable id=link94 onMouseOver="ShowTip(event, 'tt53', 'link94')" onMouseOut="HideTip('tt53')">mxConstants.DEFAULT_FONTFAMILY</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>String representation of the font family. This handles the same values as the CSS font-family property.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setFontStyle"></a>setFontStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontStyle = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current font style.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Numeric representation of the font family. This is the sum of the font styles from <a href="mxConstants-js.html#mxConstants" class=LClass id=link95 onMouseOver="ShowTip(event, 'tt54', 'link95')" onMouseOut="HideTip('tt54')">mxConstants</a>.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setShadow"></a>setShadow</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setShadow = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Enables or disables shadows.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Boolean that specifies if shadows should be enabled.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setShadowColor"></a>setShadowColor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setShadowColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current shadow color. Default is <a href="mxConstants-js.html#mxConstants.SHADOWCOLOR" class=LVariable id=link96 onMouseOver="ShowTip(event, 'tt55', 'link96')" onMouseOut="HideTip('tt55')">mxConstants.SHADOWCOLOR</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Hexadecimal representation of the color or ‘none’.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setShadowAlpha"></a>setShadowAlpha</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setShadowAlpha = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current shadows alpha. Default is <a href="mxConstants-js.html#mxConstants.SHADOW_OPACITY" class=LVariable id=link97 onMouseOver="ShowTip(event, 'tt56', 'link97')" onMouseOut="HideTip('tt56')">mxConstants.SHADOW_OPACITY</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Number that represents the new alpha. Possible values are between 1 (opaque) and 0 (transparent).</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.setShadowOffset"></a>setShadowOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setShadowOffset = function(</td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the current shadow offset.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>dx</td><td class=CDLDescription>Number that represents the horizontal offset of the shadow.</td></tr><tr><td class=CDLEntry>dy</td><td class=CDLDescription>Number that represents the vertical offset of the shadow.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.rect"></a>rect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.rect = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Puts a rectangle into the drawing buffer.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>x</td><td class=CDLDescription>Number that represents the x-coordinate of the rectangle.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Number that represents the y-coordinate of the rectangle.</td></tr><tr><td class=CDLEntry>w</td><td class=CDLDescription>Number that represents the width of the rectangle.</td></tr><tr><td class=CDLEntry>h</td><td class=CDLDescription>Number that represents the height of the rectangle.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.roundrect"></a>roundrect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.roundrect = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h,</td></tr><tr><td></td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Puts a rounded rectangle into the drawing buffer.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>x</td><td class=CDLDescription>Number that represents the x-coordinate of the rectangle.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Number that represents the y-coordinate of the rectangle.</td></tr><tr><td class=CDLEntry>w</td><td class=CDLDescription>Number that represents the width of the rectangle.</td></tr><tr><td class=CDLEntry>h</td><td class=CDLDescription>Number that represents the height of the rectangle.</td></tr><tr><td class=CDLEntry>dx</td><td class=CDLDescription>Number that represents the horizontal rounding.</td></tr><tr><td class=CDLEntry>dy</td><td class=CDLDescription>Number that represents the vertical rounding.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.ellipse"></a>ellipse</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.ellipse = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Puts an ellipse into the drawing buffer.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>x</td><td class=CDLDescription>Number that represents the x-coordinate of the ellipse.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Number that represents the y-coordinate of the ellipse.</td></tr><tr><td class=CDLEntry>w</td><td class=CDLDescription>Number that represents the width of the ellipse.</td></tr><tr><td class=CDLEntry>h</td><td class=CDLDescription>Number that represents the height of the ellipse.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.image"></a>image</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.image = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h,</td></tr><tr><td></td><td class=PParameter nowrap>src,</td></tr><tr><td></td><td class=PParameter nowrap>aspect,</td></tr><tr><td></td><td class=PParameter nowrap>flipH,</td></tr><tr><td></td><td class=PParameter nowrap>flipV</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints an image.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>x</td><td class=CDLDescription>Number that represents the x-coordinate of the image.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Number that represents the y-coordinate of the image.</td></tr><tr><td class=CDLEntry>w</td><td class=CDLDescription>Number that represents the width of the image.</td></tr><tr><td class=CDLEntry>h</td><td class=CDLDescription>Number that represents the height of the image.</td></tr><tr><td class=CDLEntry>src</td><td class=CDLDescription>String that specifies the URL of the image.</td></tr><tr><td class=CDLEntry>aspect</td><td class=CDLDescription>Boolean indicating if the aspect of the image should be preserved.</td></tr><tr><td class=CDLEntry>flipH</td><td class=CDLDescription>Boolean indicating if the image should be flipped horizontally.</td></tr><tr><td class=CDLEntry>flipV</td><td class=CDLDescription>Boolean indicating if the image should be flipped vertically.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.begin"></a>begin</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.begin = function()</td></tr></table></blockquote><p>Starts a new path and puts it into the drawing buffer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.moveTo"></a>moveTo</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.moveTo = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Moves the current path the given point.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>x</td><td class=CDLDescription>Number that represents the x-coordinate of the point.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Number that represents the y-coordinate of the point.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.lineTo"></a>lineTo</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.lineTo = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Draws a line to the given coordinates.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>x</td><td class=CDLDescription>Number that represents the x-coordinate of the endpoint.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Number that represents the y-coordinate of the endpoint.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.quadTo"></a>quadTo</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.quadTo = function(</td><td class=PParameter nowrap>x1,</td></tr><tr><td></td><td class=PParameter nowrap>y1,</td></tr><tr><td></td><td class=PParameter nowrap>x2,</td></tr><tr><td></td><td class=PParameter nowrap>y2</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds a quadratic curve to the current path.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>x1</td><td class=CDLDescription>Number that represents the x-coordinate of the control point.</td></tr><tr><td class=CDLEntry>y1</td><td class=CDLDescription>Number that represents the y-coordinate of the control point.</td></tr><tr><td class=CDLEntry>x2</td><td class=CDLDescription>Number that represents the x-coordinate of the endpoint.</td></tr><tr><td class=CDLEntry>y2</td><td class=CDLDescription>Number that represents the y-coordinate of the endpoint.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.curveTo"></a>curveTo</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.curveTo = function(</td><td class=PParameter nowrap>x1,</td></tr><tr><td></td><td class=PParameter nowrap>y1,</td></tr><tr><td></td><td class=PParameter nowrap>x2,</td></tr><tr><td></td><td class=PParameter nowrap>y2,</td></tr><tr><td></td><td class=PParameter nowrap>x3,</td></tr><tr><td></td><td class=PParameter nowrap>y3</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds a bezier curve to the current path.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>x1</td><td class=CDLDescription>Number that represents the x-coordinate of the first control point.</td></tr><tr><td class=CDLEntry>y1</td><td class=CDLDescription>Number that represents the y-coordinate of the first control point.</td></tr><tr><td class=CDLEntry>x2</td><td class=CDLDescription>Number that represents the x-coordinate of the second control point.</td></tr><tr><td class=CDLEntry>y2</td><td class=CDLDescription>Number that represents the y-coordinate of the second control point.</td></tr><tr><td class=CDLEntry>x3</td><td class=CDLDescription>Number that represents the x-coordinate of the endpoint.</td></tr><tr><td class=CDLEntry>y3</td><td class=CDLDescription>Number that represents the y-coordinate of the endpoint.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.close"></a>close</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.close = function()</td></tr></table></blockquote><p>Closes the current path.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.text"></a>text</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.text = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h,</td></tr><tr><td></td><td class=PParameter nowrap>str,</td></tr><tr><td></td><td class=PParameter nowrap>align,</td></tr><tr><td></td><td class=PParameter nowrap>valign,</td></tr><tr><td></td><td class=PParameter nowrap>wrap,</td></tr><tr><td></td><td class=PParameter nowrap>format,</td></tr><tr><td></td><td class=PParameter nowrap>overflow,</td></tr><tr><td></td><td class=PParameter nowrap>clip,</td></tr><tr><td></td><td class=PParameter nowrap>rotation,</td></tr><tr><td></td><td class=PParameter nowrap>dir</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the given text. Possible values for format are empty string for plain text and html for HTML markup. Background and border color as well as clipping is not available in plain text labels for VML. HTML labels are not available as part of shapes with no foreignObject support in SVG (eg. IE9, IE10).</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>x</td><td class=CDLDescription>Number that represents the x-coordinate of the text.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Number that represents the y-coordinate of the text.</td></tr><tr><td class=CDLEntry>w</td><td class=CDLDescription>Number that represents the available width for the text or 0 for automatic width.</td></tr><tr><td class=CDLEntry>h</td><td class=CDLDescription>Number that represents the available height for the text or 0 for automatic height.</td></tr><tr><td class=CDLEntry>str</td><td class=CDLDescription>String that specifies the text to be painted.</td></tr><tr><td class=CDLEntry>align</td><td class=CDLDescription>String that represents the horizontal alignment.</td></tr><tr><td class=CDLEntry>valign</td><td class=CDLDescription>String that represents the vertical alignment.</td></tr><tr><td class=CDLEntry>wrap</td><td class=CDLDescription>Boolean that specifies if word-wrapping is enabled. Requires w > 0.</td></tr><tr><td class=CDLEntry>format</td><td class=CDLDescription>Empty string for plain text or ‘html’ for HTML markup.</td></tr><tr><td class=CDLEntry>overflow</td><td class=CDLDescription>Specifies the overflow behaviour of the label. Requires w > 0 and/or h > 0.</td></tr><tr><td class=CDLEntry>clip</td><td class=CDLDescription>Boolean that specifies if the label should be clipped. Requires w > 0 and/or h > 0.</td></tr><tr><td class=CDLEntry>rotation</td><td class=CDLDescription>Number that specifies the angle of the rotation around the anchor point of the text.</td></tr><tr><td class=CDLEntry>dir</td><td class=CDLDescription>Optional string that specifies the text direction. Possible values are rtl and lrt.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.stroke"></a>stroke</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.stroke = function()</td></tr></table></blockquote><p>Paints the outline of the current drawing buffer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.fill"></a>fill</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.fill = function()</td></tr></table></blockquote><p>Fills the current drawing buffer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxXmlCanvas2D.fillAndStroke"></a>fillAndStroke</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.fillAndStroke = function()</td></tr></table></blockquote><p>Fills the current drawing buffer and its outline.</p></div></div></div>
</div><!--Content-->
<div id=Footer><a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<div id=Menu><div class=MEntry><div class=MFile><a href="../index-txt.html">API Specification</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Editor</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="../editor/mxDefaultKeyHandler-js.html">mxDefaultKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultPopupMenu-js.html">mxDefaultPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultToolbar-js.html">mxDefaultToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxEditor-js.html">mxEditor</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Handler</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="../handler/mxCellHighlight-js.html">mxCellHighlight</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellMarker-js.html">mxCellMarker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellTracker-js.html">mxCellTracker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConnectionHandler-js.html">mxConnectionHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConstraintHandler-js.html">mxConstraintHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeHandler-js.html">mxEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeSegmentHandler-js.html">mxEdgeSegmentHandler.js</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxElbowEdgeHandler-js.html">mxElbowEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxGraphHandler-js.html">mxGraphHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxHandle-js.html">mxHandle</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxKeyHandler-js.html">mxKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPanningHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPopupMenuHandler-js.html">mxPopupMenuHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxRubberband-js.html">mxRubberband</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxSelectionCellsHandler-js.html">mxSelectionCellsHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxTooltipHandler-js.html">mxTooltipHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxVertexHandler-js.html">mxVertexHandler</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Io</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../io/mxCellCodec-js.html">mxCellCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxChildChangeCodec-js.html">mxChildChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodec-js.html">mxCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodecRegistry-js.html">mxCodecRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultKeyHandlerCodec-js.html">mxDefaultKeyHandlerCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultPopupMenuCodec-js.html">mxDefaultPopupMenuCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultToolbarCodec-js.html">mxDefaultToolbarCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxEditorCodec-js.html">mxEditorCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGenericChangeCodec-js.html">mxGenericChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphCodec-js.html">mxGraphCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphViewCodec-js.html">mxGraphViewCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxModelCodec-js.html">mxModelCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxObjectCodec-js.html">mxObjectCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxRootChangeCodec-js.html">mxRootChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxStylesheetCodec-js.html">mxStylesheetCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxTerminalChangeCodec-js.html">mxTerminalChangeCodec</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent7')">Layout</a><div class=MGroupContent id=MGroupContent7><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent6')">Hierarchical</a><div class=MGroupContent id=MGroupContent6><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">Model</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphAbstractHierarchyCell-js.html">mxGraphAbstractHierarchyCell</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyEdge-js.html">mxGraphHierarchyEdge</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyModel-js.html">mxGraphHierarchyModel</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyNode-js.html">mxGraphHierarchyNode</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxSwimlaneModel-js.html">mxSwimlaneModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxHierarchicalLayout-js.html">mxHierarchicalLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxSwimlaneLayout-js.html">mxSwimlaneLayout</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Stage</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxCoordinateAssignment-js.html">mxCoordinateAssignment</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxHierarchicalLayoutStage-js.html">mxHierarchicalLayoutStage</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMedianHybridCrossingReduction-js.html">mxMedianHybridCrossingReduction</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMinimumCycleRemover-js.html">mxMinimumCycleRemover</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxSwimlaneOrdering-js.html">mxSwimlaneOrdering</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCircleLayout-js.html">mxCircleLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompactTreeLayout-js.html">mxCompactTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompositeLayout-js.html">mxCompositeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxEdgeLabelLayout-js.html">mxEdgeLabelLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxFastOrganicLayout-js.html">mxFastOrganicLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxGraphLayout-js.html">mxGraphLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxParallelEdgeLayout-js.html">mxParallelEdgeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxPartitionLayout-js.html">mxPartitionLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxRadialTreeLayout-js.html">mxRadialTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxStackLayout-js.html">mxStackLayout</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent8')">Model</a><div class=MGroupContent id=MGroupContent8><div class=MEntry><div class=MFile><a href="../model/mxCell-js.html">mxCell</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxCellPath-js.html">mxCellPath</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGeometry-js.html">mxGeometry</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGraphModel-js.html">mxGraphModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../mxClient-js.html">mxClient</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent9')">Shape</a><div class=MGroupContent id=MGroupContent9><div class=MEntry><div class=MFile><a href="../shape/mxActor-js.html">mxActor</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxArrow-js.html">mxArrow</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxArrowConnector-js.html">mxArrowConnector</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCloud-js.html">mxCloud</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxConnector-js.html">mxConnector</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCylinder-js.html">mxCylinder</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxDoubleEllipse-js.html">mxDoubleEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxEllipse-js.html">mxEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxHexagon-js.html">mxHexagon</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxImageShape-js.html">mxImageShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLabel-js.html">mxLabel</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLine-js.html">mxLine</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxMarker-js.html">mxMarker</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxPolyline-js.html">mxPolyline</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRectangleShape-js.html">mxRectangleShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRhombus-js.html">mxRhombus</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxShape-js.html">mxShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencil-js.html">mxStencil</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencilRegistry-js.html">mxStencilRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxSwimlane-js.html">mxSwimlane</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxText-js.html">mxText</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxTriangle-js.html">mxTriangle</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent10')">Util</a><div class=MGroupContent id=MGroupContent10><div class=MEntry><div class=MFile><a href="mxAbstractCanvas2D-js.html">mxAbstractCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxAnimation-js.html">mxAnimation</a></div></div><div class=MEntry><div class=MFile><a href="mxAutoSaveManager-js.html">mxAutoSaveManager</a></div></div><div class=MEntry><div class=MFile><a href="mxClipboard-js.html">mxClipboard</a></div></div><div class=MEntry><div class=MFile><a href="mxConstants-js.html">mxConstants</a></div></div><div class=MEntry><div class=MFile><a href="mxDictionary-js.html">mxDictionary</a></div></div><div class=MEntry><div class=MFile><a href="mxDivResizer-js.html">mxDivResizer</a></div></div><div class=MEntry><div class=MFile><a href="mxDragSource-js.html">mxDragSource</a></div></div><div class=MEntry><div class=MFile><a href="mxEffects-js.html">mxEffects</a></div></div><div class=MEntry><div class=MFile><a href="mxEvent-js.html">mxEvent</a></div></div><div class=MEntry><div class=MFile><a href="mxEventObject-js.html">mxEventObject</a></div></div><div class=MEntry><div class=MFile><a href="mxEventSource-js.html">mxEventSource</a></div></div><div class=MEntry><div class=MFile><a href="mxForm-js.html">mxForm</a></div></div><div class=MEntry><div class=MFile><a href="mxGuide-js.html">mxGuide</a></div></div><div class=MEntry><div class=MFile><a href="mxImage-js.html">mxImage</a></div></div><div class=MEntry><div class=MFile><a href="mxImageBundle-js.html">mxImageBundle</a></div></div><div class=MEntry><div class=MFile><a href="mxImageExport-js.html">mxImageExport</a></div></div><div class=MEntry><div class=MFile><a href="mxLog-js.html">mxLog</a></div></div><div class=MEntry><div class=MFile><a href="mxMorphing-js.html">mxMorphing</a></div></div><div class=MEntry><div class=MFile><a href="mxMouseEvent-js.html">mxMouseEvent</a></div></div><div class=MEntry><div class=MFile><a href="mxObjectIdentity-js.html">mxObjectIdentity</a></div></div><div class=MEntry><div class=MFile><a href="mxPanningManager-js.html">mxPanningManager</a></div></div><div class=MEntry><div class=MFile><a href="mxPoint-js.html">mxPoint</a></div></div><div class=MEntry><div class=MFile><a href="mxPopupMenu-js.html">mxPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="mxRectangle-js.html">mxRectangle</a></div></div><div class=MEntry><div class=MFile><a href="mxResources-js.html">mxResources</a></div></div><div class=MEntry><div class=MFile><a href="mxSvgCanvas2D-js.html">mxSvgCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxToolbar-js.html">mxToolbar</a></div></div><div class=MEntry><div class=MFile><a href="mxUndoableEdit-js.html">mxUndoableEdit</a></div></div><div class=MEntry><div class=MFile><a href="mxUndoManager-js.html">mxUndoManager</a></div></div><div class=MEntry><div class=MFile><a href="mxUrlConverter-js.html">mxUrlConverter</a></div></div><div class=MEntry><div class=MFile><a href="mxUtils-js.html">mxUtils</a></div></div><div class=MEntry><div class=MFile><a href="mxVmlCanvas2D-js.html">mxVmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxWindow-js.html">mxWindow</a></div></div><div class=MEntry><div class=MFile id=MSelected>mxXmlCanvas2D</div></div><div class=MEntry><div class=MFile><a href="mxXmlRequest-js.html">mxXmlRequest</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent11')">View</a><div class=MGroupContent id=MGroupContent11><div class=MEntry><div class=MFile><a href="../view/mxCellEditor-js.html">mxCellEditor</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellOverlay-js.html">mxCellOverlay</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellRenderer-js.html">mxCellRenderer</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellState-js.html">mxCellState</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellStatePreview-js.html">mxCellStatePreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxConnectionConstraint-js.html">mxConnectionConstraint</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxEdgeStyle-js.html">mxEdgeStyle</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraph-js.html">mxGraph</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphSelectionModel-js.html">mxGraphSelectionModel</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphView-js.html">mxGraphView</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxLayoutManager-js.html">mxLayoutManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxMultiplicity-js.html">mxMultiplicity</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxOutline-js.html">mxOutline</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPerimeter-js.html">mxPerimeter</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPrintPreview-js.html">mxPrintPreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxSpaceManager-js.html">mxSpaceManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStyleRegistry-js.html">mxStyleRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStylesheet-js.html">mxStylesheet</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxSwimlaneManager-js.html">mxSwimlaneManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxTemporaryCellStates-js.html">mxTemporaryCellStates</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent12')">Index</a><div class=MGroupContent id=MGroupContent12><div class=MEntry><div class=MIndex><a href="../../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Cookies.html">Cookies</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Events.html">Events</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Cookies">Cookies</option><option value="Events">Events</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([10], 13);// --></script></div><!--Menu-->
<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxXmlCanvas2D(</td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new abstract canvas.</div></div><div class=CToolTip id="tt2"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>this.root</td></tr></table></blockquote>Reference to the container for the SVG content.</div></div><div class=CToolTip id="tt3"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.textEnabled</td></tr></table></blockquote>Specifies if text output should be enabled. </div></div><div class=CToolTip id="tt4"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.compressed</td></tr></table></blockquote>Specifies if the output should be compressed by removing redundant calls. </div></div><div class=CToolTip id="tt5"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.writeDefaults = function()</td></tr></table></blockquote></div></div><div class=CToolTip id="tt6"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.format = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns a formatted number with 2 decimal places.</div></div><div class=CToolTip id="tt7"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.createElement = function(</td><td class=PParameter nowrap>name</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Creates the given element using the owner document of root.</div></div><div class=CToolTip id="tt8"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.save = function()</td></tr></table></blockquote>Saves the drawing state.</div></div><div class=CToolTip id="tt9"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.restore = function()</td></tr></table></blockquote>Restores the drawing state.</div></div><div class=CToolTip id="tt10"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.scale = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Scales the output.</div></div><div class=CToolTip id="tt11"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.translate = function(</td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Translates the output.</div></div><div class=CToolTip id="tt12"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.rotate = function(</td><td class=PParameter nowrap>theta,</td></tr><tr><td></td><td class=PParameter nowrap>flipH,</td></tr><tr><td></td><td class=PParameter nowrap>flipV,</td></tr><tr><td></td><td class=PParameter nowrap>cx,</td></tr><tr><td></td><td class=PParameter nowrap>cy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Rotates and/or flips the output around a given center. </div></div><div class=CToolTip id="tt13"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setAlpha = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current alpha.</div></div><div class=CToolTip id="tt14"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFillColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current fill color.</div></div><div class=CToolTip id="tt15"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setGradient = function(</td><td class=PParameter nowrap>color1,</td></tr><tr><td></td><td class=PParameter nowrap>color2,</td></tr><tr><td></td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h,</td></tr><tr><td></td><td class=PParameter nowrap>direction,</td></tr><tr><td></td><td class=PParameter nowrap>alpha1,</td></tr><tr><td></td><td class=PParameter nowrap>alpha2</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the gradient. </div></div><div class=CToolTip id="tt16"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setStrokeColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current stroke color.</div></div><div class=CToolTip id="tt17"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setStrokeWidth = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current stroke width.</div></div><div class=CToolTip id="tt18"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setDashed = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Enables or disables dashed lines.</div></div><div class=CToolTip id="tt19"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setDashPattern = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current dash pattern. </div></div><div class=CToolTip id="tt20"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setLineCap = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the line cap. </div></div><div class=CToolTip id="tt21"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setLineJoin = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the line join. </div></div><div class=CToolTip id="tt22"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setMiterLimit = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the miter limit. </div></div><div class=CToolTip id="tt23"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current font color. </div></div><div class=CToolTip id="tt24"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontBackgroundColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current font background color.</div></div><div class=CToolTip id="tt25"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontBorderColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current font border color.</div></div><div class=CToolTip id="tt26"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontSize = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current font size. </div></div><div class=CToolTip id="tt27"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontFamily = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current font family. </div></div><div class=CToolTip id="tt28"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setFontStyle = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current font style.</div></div><div class=CToolTip id="tt29"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setShadow = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Enables or disables shadows.</div></div><div class=CToolTip id="tt30"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setShadowColor = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current shadow color. </div></div><div class=CToolTip id="tt31"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setShadowAlpha = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current shadows alpha. </div></div><div class=CToolTip id="tt32"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.setShadowOffset = function(</td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the current shadow offset.</div></div><div class=CToolTip id="tt33"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.rect = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Puts a rectangle into the drawing buffer.</div></div><div class=CToolTip id="tt34"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.roundrect = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h,</td></tr><tr><td></td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Puts a rounded rectangle into the drawing buffer.</div></div><div class=CToolTip id="tt35"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.ellipse = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Puts an ellipse into the drawing buffer.</div></div><div class=CToolTip id="tt36"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.image = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h,</td></tr><tr><td></td><td class=PParameter nowrap>src,</td></tr><tr><td></td><td class=PParameter nowrap>aspect,</td></tr><tr><td></td><td class=PParameter nowrap>flipH,</td></tr><tr><td></td><td class=PParameter nowrap>flipV</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Paints an image.</div></div><div class=CToolTip id="tt37"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.begin = function()</td></tr></table></blockquote>Starts a new path and puts it into the drawing buffer.</div></div><div class=CToolTip id="tt38"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.moveTo = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Moves the current path the given point.</div></div><div class=CToolTip id="tt39"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.lineTo = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Draws a line to the given coordinates.</div></div><div class=CToolTip id="tt40"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.quadTo = function(</td><td class=PParameter nowrap>x1,</td></tr><tr><td></td><td class=PParameter nowrap>y1,</td></tr><tr><td></td><td class=PParameter nowrap>x2,</td></tr><tr><td></td><td class=PParameter nowrap>y2</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Adds a quadratic curve to the current path.</div></div><div class=CToolTip id="tt41"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.curveTo = function(</td><td class=PParameter nowrap>x1,</td></tr><tr><td></td><td class=PParameter nowrap>y1,</td></tr><tr><td></td><td class=PParameter nowrap>x2,</td></tr><tr><td></td><td class=PParameter nowrap>y2,</td></tr><tr><td></td><td class=PParameter nowrap>x3,</td></tr><tr><td></td><td class=PParameter nowrap>y3</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Adds a bezier curve to the current path.</div></div><div class=CToolTip id="tt42"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.close = function()</td></tr></table></blockquote>Closes the current path.</div></div><div class=CToolTip id="tt43"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxXmlCanvas2D.prototype.text = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>w,</td></tr><tr><td></td><td class=PParameter nowrap>h,</td></tr><tr><td></td><td class=PParameter nowrap>str,</td></tr><tr><td></td><td class=PParameter nowrap>align,</td></tr><tr><td></td><td class=PParameter nowrap>valign,</td></tr><tr><td></td><td class=PParameter nowrap>wrap,</td></tr><tr><td></td><td class=PParameter nowrap>format,</td></tr><tr><td></td><td class=PParameter nowrap>overflow,</td></tr><tr><td></td><td class=PParameter nowrap>clip,</td></tr><tr><td></td><td class=PParameter nowrap>rotation,</td></tr><tr><td></td><td class=PParameter nowrap>dir</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the given text. </div></div><div class=CToolTip id="tt44"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.stroke = function()</td></tr></table></blockquote>Paints the outline of the current drawing buffer.</div></div><div class=CToolTip id="tt45"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.fill = function()</td></tr></table></blockquote>Fills the current drawing buffer.</div></div><div class=CToolTip id="tt46"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxXmlCanvas2D.prototype.fillAndStroke = function()</td></tr></table></blockquote>Fills the current drawing buffer and its outline.</div></div><div class=CToolTip id="tt47"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxAbstractCanvas2D.prototype.arcTo = function(</td><td class=PParameter nowrap>rx,</td></tr><tr><td></td><td class=PParameter nowrap>ry,</td></tr><tr><td></td><td class=PParameter nowrap>angle,</td></tr><tr><td></td><td class=PParameter nowrap>largeArcFlag,</td></tr><tr><td></td><td class=PParameter nowrap>sweepFlag,</td></tr><tr><td></td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Adds the given arc to the current path. </div></div><div class=CToolTip id="tt48"><div class=CVariable>Constant for direction north. </div></div><div class=CToolTip id="tt49"><div class=CVariable>Constant for direction east. </div></div><div class=CToolTip id="tt50"><div class=CVariable>Constant for direction south. </div></div><div class=CToolTip id="tt51"><div class=CVariable>Constant for direction west. </div></div><div class=CToolTip id="tt52"><div class=CVariable>Defines the default size for all fonts in points. </div></div><div class=CToolTip id="tt53"><div class=CVariable>Defines the default family for all fonts in points. </div></div><div class=CToolTip id="tt54"><div class=CClass>Defines various global constants.</div></div><div class=CToolTip id="tt55"><div class=CVariable>Defines the color to be used to draw shadows in shapes and windows. </div></div><div class=CToolTip id="tt56"><div class=CVariable>Defines the opacity for shadows. </div></div><!--END_ND_TOOLTIPS-->
<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>
<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>