<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxConstants"></a>mxConstants</h1><divclass=CBody><p>Defines various global constants.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxConstants">mxConstants</a></td><tdclass=SDescription>Defines various global constants.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxConstants.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConstants.DEFAULT_HOTSPOT">DEFAULT_HOTSPOT</a></td><tdclass=SDescription>Defines the portion of the cell which is to be used as a connectable region. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxConstants.MIN_HOTSPOT_SIZE">MIN_HOTSPOT_SIZE</a></td><tdclass=SDescription>Defines the minimum size in pixels of the portion of the cell which is to be used as a connectable region. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConstants.MAX_HOTSPOT_SIZE">MAX_HOTSPOT_SIZE</a></td><tdclass=SDescription>Defines the maximum size in pixels of the portion of the cell which is to be used as a connectable region. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxConstants.RENDERING_HINT_EXACT">RENDERING_HINT_EXACT</a></td><tdclass=SDescription>Defines the exact rendering hint.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConstants.RENDERING_HINT_FASTER">RENDERING_HINT_FASTER</a></td><tdclass=SDescription>Defines the faster rendering hint.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxConstants.RENDERING_HINT_FASTEST">RENDERING_HINT_FASTEST</a></td><tdclass=SDescription>Defines the fastest rendering hint.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConstants.DIALECT_SVG">DIALECT_SVG</a></td><tdclass=SDescription>Defines the SVG display dialect name.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxConstants.DIALECT_VML">DIALECT_VML</a></td><tdclass=SDescription>Defines the VML display dialect name.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConstants.DIALECT_MIXEDHTML">DIALECT_MIXEDHTML</a></td><tdclass=SDescription>Defines the mixed HTML display dialect name.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxConstants.DIALECT_PREFERHTML">DIALECT_PREFERHTML</a></td><tdclass=SDescription>Defines the preferred HTML display dialect name.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConstants.DIALECT_STRICTHTML">DIALECT_STRICTHTML</a></td><tdclass=SDescription>Defines the strict HTML display dialect.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxConstants.NS_SVG">NS_SVG</a></td><tdclass=SDescription>Defines the SVG namespace.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConstants.NS_XHTML">NS_XHTML</a></td><tdclass=SDescription>Defines the XHTML namespace.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxConstants.NS_XLINK">NS_XLINK</a></td><tdclass=SDescription>Defines the XLink namespace.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConstants.SHADOWCOLOR">SHADOWCOLOR</a></td><tdclass=SDescription>Defines the color to be used to draw shadows in shapes and windows. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxConstants.SHADOW_OFFSET_X">SHADOW_OFFSET_X</a></td><tdclass=SDescription>Specifies the x-offset of the shadow. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxConstants.SHADOW_OFFSET_Y">SHADOW_OFFSET_Y</a></td><tdclass=SDescription>Specifies the y-offset of the shadow. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxConstants.SHADOW_OPACITY">SHADOW_OPACITY</a></td><tdclass=SDescription>Defines
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_HOTSPOT"></a>DEFAULT_HOTSPOT</h3><divclass=CBody><p>Defines the portion of the cell which is to be used as a connectable region. Default is 0.3. Possible values are 0 < x <= 1.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.MIN_HOTSPOT_SIZE"></a>MIN_HOTSPOT_SIZE</h3><divclass=CBody><p>Defines the minimum size in pixels of the portion of the cell which is to be used as a connectable region. Default is 8.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.MAX_HOTSPOT_SIZE"></a>MAX_HOTSPOT_SIZE</h3><divclass=CBody><p>Defines the maximum size in pixels of the portion of the cell which is to be used as a connectable region. Use 0 for no maximum. Default is 0.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.RENDERING_HINT_EXACT"></a>RENDERING_HINT_EXACT</h3><divclass=CBody><p>Defines the exact rendering hint.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.RENDERING_HINT_FASTER"></a>RENDERING_HINT_FASTER</h3><divclass=CBody><p>Defines the faster rendering hint.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.RENDERING_HINT_FASTEST"></a>RENDERING_HINT_FASTEST</h3><divclass=CBody><p>Defines the fastest rendering hint.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIALECT_SVG"></a>DIALECT_SVG</h3><divclass=CBody><p>Defines the SVG display dialect name.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIALECT_VML"></a>DIALECT_VML</h3><divclass=CBody><p>Defines the VML display dialect name.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIALECT_MIXEDHTML"></a>DIALECT_MIXEDHTML</h3><divclass=CBody><p>Defines the mixed HTML display dialect name.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIALECT_PREFERHTML"></a>DIALECT_PREFERHTML</h3><divclass=CBody><p>Defines the preferred HTML display dialect name.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIALECT_STRICTHTML"></a>DIALECT_STRICTHTML</h3><divclass=CBody><p>Defines the strict HTML display dialect.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NS_SVG"></a>NS_SVG</h3><divclass=CBody><p>Defines the SVG namespace.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NS_XHTML"></a>NS_XHTML</h3><divclass=CBody><p>Defines the XHTML namespace.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NS_XLINK"></a>NS_XLINK</h3><divclass=CBody><p>Defines the XLink namespace.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHADOWCOLOR"></a>SHADOWCOLOR</h3><divclass=CBody><p>Defines the color to be used to draw shadows in shapes and windows. Default is gray.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHADOW_OFFSET_X"></a>SHADOW_OFFSET_X</h3><divclass=CBody><p>Specifies the x-offset of the shadow. Default is 2.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHADOW_OFFSET_Y"></a>SHADOW_OFFSET_Y</h3><divclass=CBody><p>Specifies the y-offset of the shadow. Default is 3.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHADOW_OPACITY"></a>SHADOW_OPACITY</h3><divclass=CBody><p>Defines the opacity for shadows. Default is 1.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_ELEMENT"></a>NODETYPE_ELEMENT</h3><divclass=CBody><p>DOM node of type ELEMENT.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_ATTRIBUTE"></a>NODETYPE_ATTRIBUTE</h3><divclass=CBody><p>DOM node of type ATTRIBUTE.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_TEXT"></a>NODETYPE_TEXT</h3><divclass=CBody><p>DOM node of type TEXT.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_CDATA"></a>NODETYPE_CDATA</h3><divclass=CBody><p>DOM node of type CDATA.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_ENTITY_REFERENCE"></a>NODETYPE_ENTITY_REFERENCE</h3><divclass=CBody><p>DOM node of type ENTITY_REFERENCE.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_ENTITY"></a>NODETYPE_ENTITY</h3><divclass=CBody><p>DOM node of type ENTITY.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_PROCESSING_INSTRUCTION"></a>NODETYPE_PROCESSING_INSTRUCTION</h3><divclass=CBody><p>DOM node of type PROCESSING_INSTRUCTION.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_COMMENT"></a>NODETYPE_COMMENT</h3><divclass=CBody><p>DOM node of type COMMENT.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_DOCUMENT"></a>NODETYPE_DOCUMENT</h3><divclass=CBody><p>DOM node of type DOCUMENT.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_DOCUMENTTYPE"></a>NODETYPE_DOCUMENTTYPE</h3><divclass=CBody><p>DOM node of type DOCUMENTTYPE.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_DOCUMENT_FRAGMENT"></a>NODETYPE_DOCUMENT_FRAGMENT</h3><divclass=CBody><p>DOM node of type DOCUMENT_FRAGMENT.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NODETYPE_NOTATION"></a>NODETYPE_NOTATION</h3><divclass=CBody><p>DOM node of type NOTATION.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.TOOLTIP_VERTICAL_OFFSET"></a>TOOLTIP_VERTICAL_OFFSET</h3><divclass=CBody><p>Defines the vertical offset for the tooltip. Default is 16.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_VALID_COLOR"></a>DEFAULT_VALID_COLOR</h3><divclass=CBody><p>Specifies the default valid color. Default is #0000FF.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_INVALID_COLOR"></a>DEFAULT_INVALID_COLOR</h3><divclass=CBody><p>Specifies the default invalid color. Default is #FF0000.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.OUTLINE_HIGHLIGHT_COLOR"></a>OUTLINE_HIGHLIGHT_COLOR</h3><divclass=CBody><p>Specifies the default highlight color for shape outlines. Default is #0000FF. This is used in <ahref="../handler/mxEdgeHandler-js.html#mxEdgeHandler"class=LClassid=link39onMouseOver="ShowTip(event, 'tt20', 'link39')"onMouseOut="HideTip('tt20')">mxEdgeHandler</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.OUTLINE_HIGHLIGHT_COLOR"></a>OUTLINE_HIGHLIGHT_COLOR</h3><divclass=CBody><p>Defines the strokewidth to be used for shape outlines. Default is 5. This is used in <ahref="../handler/mxEdgeHandler-js.html#mxEdgeHandler"class=LClassid=link40onMouseOver="ShowTip(event, 'tt20', 'link40')"onMouseOut="HideTip('tt20')">mxEdgeHandler</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.HIGHLIGHT_STROKEWIDTH"></a>HIGHLIGHT_STROKEWIDTH</h3><divclass=CBody><p>Defines the strokewidth to be used for the highlights. Default is 3.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.CURSOR_MOVABLE_VERTEX"></a>CURSOR_MOVABLE_VERTEX</h3><divclass=CBody><p>Defines the cursor for a movable vertex. Default is ‘move’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.CURSOR_MOVABLE_EDGE"></a>CURSOR_MOVABLE_EDGE</h3><divclass=CBody><p>Defines the cursor for a movable edge. Default is ‘move’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.CURSOR_LABEL_HANDLE"></a>CURSOR_LABEL_HANDLE</h3><divclass=CBody><p>Defines the cursor for a movable label. Default is ‘default’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.CURSOR_TERMINAL_HANDLE"></a>CURSOR_TERMINAL_HANDLE</h3><divclass=CBody><p>Defines the cursor for a terminal handle. Default is ‘pointer’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.CURSOR_BEND_HANDLE"></a>CURSOR_BEND_HANDLE</h3><divclass=CBody><p>Defines the cursor for a movable bend. Default is ‘crosshair’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.CURSOR_VIRTUAL_BEND_HANDLE"></a>CURSOR_VIRTUAL_BEND_HANDLE</h3><divclass=CBody><p>Defines the cursor for a movable bend. Default is ‘crosshair’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.CURSOR_CONNECT"></a>CURSOR_CONNECT</h3><divclass=CBody><p>Defines the cursor for a connectable state. Default is ‘pointer’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.HIGHLIGHT_COLOR"></a>HIGHLIGHT_COLOR</h3><divclass=CBody><p>Defines the color to be used for the cell highlighting. Use ‘none’ for no color. Default is #00FF00.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.TARGET_HIGHLIGHT_COLOR"></a>TARGET_HIGHLIGHT_COLOR</h3><divclass=CBody><p>Defines the color to be used for highlighting a target cell for a new or changed connection. Note that this may be either a source or target terminal in the graph. Use ‘none’ for no color. Default is #0000FF.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.INVALID_CONNECT_TARGET_COLOR"></a>INVALID_CONNECT_TARGET_COLOR</h3><divclass=CBody><p>Defines the color to be used for highlighting a invalid target cells for a new or changed connections. Note that this may be either a source or target terminal in the graph. Use ‘none’ for no color. Default is #FF0000.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DROP_TARGET_COLOR"></a>DROP_TARGET_COLOR</h3><divclass=CBody><p>Defines the color to be used for the highlighting target parent cells (for drag and drop). Use ‘none’ for no color. Default is #0000FF.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.VALID_COLOR"></a>VALID_COLOR</h3><divclass=CBody><p>Defines the color to be used for the coloring valid connection previews. Use ‘none’ for no color. Default is #FF0000.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.INVALID_COLOR"></a>INVALID_COLOR</h3><divclass=CBody><p>Defines the color to be used for the coloring invalid connection previews. Use ‘none’ for no color. Default is #FF0000.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.EDGE_SELECTION_COLOR"></a>EDGE_SELECTION_COLOR</h3><divclass=CBody><p>Defines the color to be used for the selection border of edges. Use ‘none’ for no color. Default is #00FF00.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.VERTEX_SELECTION_COLOR"></a>VERTEX_SELECTION_COLOR</h3><divclass=CBody><p>Defines the color to be used for the selection border of vertices. Use ‘none’ for no color. Default is #00FF00.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.VERTEX_SELECTION_STROKEWIDTH"></a>VERTEX_SELECTION_STROKEWIDTH</h3><divclass=CBody><p>Defines the strokewidth to be used for vertex selections. Default is 1.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.EDGE_SELECTION_STROKEWIDTH"></a>EDGE_SELECTION_STROKEWIDTH</h3><divclass=CBody><p>Defines the strokewidth to be used for edge selections. Default is 1.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SELECTION_DASHED"></a>SELECTION_DASHED</h3><divclass=CBody><p>Defines the dashed state to be used for the vertex selection border. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SELECTION_DASHED"></a>SELECTION_DASHED</h3><divclass=CBody><p>Defines the dashed state to be used for the edge selection border. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.GUIDE_COLOR"></a>GUIDE_COLOR</h3><divclass=CBody><p>Defines the color to be used for the guidelines in mxGraphHandler. Default is #FF0000.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.GUIDE_STROKEWIDTH"></a>GUIDE_STROKEWIDTH</h3><divclass=CBody><p>Defines the strokewidth to be used for the guidelines in mxGraphHandler. Default is 1.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.OUTLINE_COLOR"></a>OUTLINE_COLOR</h3><divclass=CBody><p>Defines the color to be used for the outline rectangle border. Use ‘none’ for no color. Default is #0099FF.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.OUTLINE_STROKEWIDTH"></a>OUTLINE_STROKEWIDTH</h3><divclass=CBody><p>Defines the strokewidth to be used for the outline rectangle stroke width. Default is 3.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.HANDLE_SIZE"></a>HANDLE_SIZE</h3><divclass=CBody><p>Defines the default size for handles. Default is 7.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.LABEL_HANDLE_SIZE"></a>LABEL_HANDLE_SIZE</h3><divclass=CBody><p>Defines the default size for label handles. Default is 4.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.HANDLE_FILLCOLOR"></a>HANDLE_FILLCOLOR</h3><divclass=CBody><p>Defines the color to be used for the handle fill color. Use ‘none’ for no color. Default is #00FF00 (green).</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.HANDLE_STROKECOLOR"></a>HANDLE_STROKECOLOR</h3><divclass=CBody><p>Defines the color to be used for the handle stroke color. Use ‘none’ for no color. Default is black.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.LABEL_HANDLE_FILLCOLOR"></a>LABEL_HANDLE_FILLCOLOR</h3><divclass=CBody><p>Defines the color to be used for the label handle fill color. Use ‘none’ for no color. Default is yellow.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.CONNECT_HANDLE_FILLCOLOR"></a>CONNECT_HANDLE_FILLCOLOR</h3><divclass=CBody><p>Defines the color to be used for the connect handle fill color. Use ‘none’ for no color. Default is #0000FF (blue).</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.LOCKED_HANDLE_FILLCOLOR"></a>LOCKED_HANDLE_FILLCOLOR</h3><divclass=CBody><p>Defines the color to be used for the locked handle fill color. Use ‘none’ for no color. Default is #FF0000 (red).</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.OUTLINE_HANDLE_FILLCOLOR"></a>OUTLINE_HANDLE_FILLCOLOR</h3><divclass=CBody><p>Defines the color to be used for the outline sizer fill color. Use ‘none’ for no color. Default is #00FFFF.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.OUTLINE_HANDLE_STROKECOLOR"></a>OUTLINE_HANDLE_STROKECOLOR</h3><divclass=CBody><p>Defines the color to be used for the outline sizer stroke color. Use ‘none’ for no color. Default is #0033FF.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_FONTFAMILY"></a>DEFAULT_FONTFAMILY</h3><divclass=CBody><p>Defines the default family for all fonts in points. Default is Arial,Helvetica.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_FONTSIZE"></a>DEFAULT_FONTSIZE</h3><divclass=CBody><p>Defines the default size for all fonts in points. Default is 11.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_TEXT_DIRECTION"></a>DEFAULT_TEXT_DIRECTION</h3><divclass=CBody><p>Defines the default value for the <ahref="#mxConstants.STYLE_TEXT_DIRECTION"class=LVariableid=link41onMouseOver="ShowTip(event, 'tt1', 'link41')"onMouseOut="HideTip('tt1')">STYLE_TEXT_DIRECTION</a> if no value is defined for it in the style. Default value is an empty string which means the default system setting is used and no direction is set.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.LINE_HEIGHT"></a>LINE_HEIGHT</h3><divclass=CBody><p>Defines the default line height for text labels. Default is 1.2.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ABSOLUTE_LINE_HEIGHT"></a>ABSOLUTE_LINE_HEIGHT</h3><divclass=CBody><p>Specifies if absolute line heights should be used (px) in CSS. Default is false. Set this to true for backwards compatibility.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_FONTSTYLE"></a>DEFAULT_FONTSTYLE</h3><divclass=CBody><p>Defines the default style for all fonts. Default is 0. This can be set to any combination of font styles as follows.</p><blockquote><preclass="prettyprint">mxConstants.DEFAULT_FONTSTYLE = mxConstants.FONT_BOLD | mxConstants.FONT_ITALIC;</pre></blockquote></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_STARTSIZE"></a>DEFAULT_STARTSIZE</h3><divclass=CBody><p>Defines the default start size for swimlanes. Default is 40.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_MARKERSIZE"></a>DEFAULT_MARKERSIZE</h3><divclass=CBody><p>Defines the default size for all markers. Default is 6.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DEFAULT_IMAGESIZE"></a>DEFAULT_IMAGESIZE</h3><divclass=CBody><p>Defines the default width and height for images used in the label shape. Default is 24.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ENTITY_SEGMENT"></a>ENTITY_SEGMENT</h3><divclass=CBody><p>Defines the length of the horizontal segment of an Entity Relation. This can be overridden using <ahref="#mxConstants.STYLE_SEGMENT"class=LVariableid=link42onMouseOver="ShowTip(event, 'tt21', 'link42')"onMouseOut="HideTip('tt21')">mxConstants.STYLE_SEGMENT</a> style. Default is 30.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.RECTANGLE_ROUNDING_FACTOR"></a>RECTANGLE_ROUNDING_FACTOR</h3><divclass=CBody><p>Defines the rounding factor for rounded rectangles in percent between 0 and 1. Values should be smaller than 0.5. Default is 0.15.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.LINE_ARCSIZE"></a>LINE_ARCSIZE</h3><divclass=CBody><p>Defines the size of the arcs for rounded edges. Default is 20.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ARROW_SPACING"></a>ARROW_SPACING</h3><divclass=CBody><p>Defines the spacing between the arrow shape and its terminals. Default is 10.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ARROW_WIDTH"></a>ARROW_WIDTH</h3><divclass=CBody><p>Defines the width of the arrow shape. Default is 30.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ARROW_SIZE"></a>ARROW_SIZE</h3><divclass=CBody><p>Defines the size of the arrowhead in the arrow shape. Default is 30.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.PAGE_FORMAT_A4_PORTRAIT"></a>PAGE_FORMAT_A4_PORTRAIT</h3><divclass=CBody><p>Defines the rectangle for the A4 portrait page format. The dimensions of this page format are 826x1169 pixels.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.PAGE_FORMAT_A4_PORTRAIT"></a>PAGE_FORMAT_A4_PORTRAIT</h3><divclass=CBody><p>Defines the rectangle for the A4 portrait page format. The dimensions of this page format are 826x1169 pixels.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.PAGE_FORMAT_LETTER_PORTRAIT"></a>PAGE_FORMAT_LETTER_PORTRAIT</h3><divclass=CBody><p>Defines the rectangle for the Letter portrait page format. The dimensions of this page format are 850x1100 pixels.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.PAGE_FORMAT_LETTER_PORTRAIT"></a>PAGE_FORMAT_LETTER_PORTRAIT</h3><divclass=CBody><p>Defines the rectangle for the Letter portrait page format. The dimensions of this page format are 850x1100 pixels.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.NONE"></a>NONE</h3><divclass=CBody><p>Defines the value for none. Default is “none”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_PERIMETER"></a>STYLE_PERIMETER</h3><divclass=CBody><p>Defines the key for the perimeter style. This is a function that defines the perimeter around a particular shape. Possible values are the functions defined in <ahref="../view/mxPerimeter-js.html#mxPerimeter"class=LClassid=link43onMouseOver="ShowTip(event, 'tt22', 'link43')"onMouseOut="HideTip('tt22')">mxPerimeter</a>. Alternatively, the constants in this class that start with “PERIMETER_” may be used to access perimeter styles in <ahref="../view/mxStyleRegistry-js.html#mxStyleRegistry"class=LClassid=link44onMouseOver="ShowTip(event, 'tt23', 'link44')"onMouseOut="HideTip('tt23')">mxStyleRegistry</a>. Value is “perimeter”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SOURCE_PORT"></a>STYLE_SOURCE_PORT</h3><divclass=CBody><p>Defines the ID of the cell that should be used for computing the perimeter point of the source for an edge. This allows for graphically connecting to a cell while keeping the actual terminal of the edge. Value is “sourcePort”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_TARGET_PORT"></a>STYLE_TARGET_PORT</h3><divclass=CBody><p>Defines the ID of the cell that should be used for computing the perimeter point of the target for an edge. This allows for graphically connecting to a cell while keeping the actual terminal of the edge. Value is “targetPort”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_PORT_CONSTRAINT"></a>STYLE_PORT_CONSTRAINT</h3><divclass=CBody><p>Defines the direction(s) that edges are allowed to connect to cells in. Possible values are “DIRECTION_NORTH, DIRECTION_SOUTH, DIRECTION_EAST” and “DIRECTION_WEST”. Value is “portConstraint”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_PORT_CONSTRAINT_ROTATION"></a>STYLE_PORT_CONSTRAINT_ROTATION</h3><divclass=CBody><p>Define whether port constraint directions are rotated with vertex rotation. 0 (default) causes port constraints to remain absolute, relative to the graph, 1 causes the constraints to rotate with the vertex. Value is “portConstraintRotation”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_OPACITY"></a>STYLE_OPACITY</h3><divclass=CBody><p>Defines the key for the opacity style. The type of the value is numeric and the possible range is 0-100. Value is “opacity”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_TEXT_OPACITY"></a>STYLE_TEXT_OPACITY</h3><divclass=CBody><p>Defines the key for the text opacity style. The type of the value is numeric and the possible range is 0-100. Value is “textOpacity”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_TEXT_DIRECTION"></a>STYLE_TEXT_DIRECTION</h3><divclass=CBody><p>Defines the key for the text direction style. Possible values are “TEXT_DIRECTION_DEFAULT, TEXT_DIRECTION_AUTO, TEXT_DIRECTION_LTR” and “TEXT_DIRECTION_RTL”. Value is “textDirection”. The default value for the style is defined in <ahref="#mxConstants.DEFAULT_TEXT_DIRECTION"class=LVariableid=link45onMouseOver="ShowTip(event, 'tt24', 'link45')"onMouseOut="HideTip('tt24')">DEFAULT_TEXT_DIRECTION</a>. It is used is no value is defined for this key in a given style. This is an experimental style that is currently ignored in the backends.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_OVERFLOW"></a>STYLE_OVERFLOW</h3><divclass=CBody><p>Defines the key for the overflow style. Possible values are ‘visible’, ‘hidden’, ‘fill’ and ‘width’. The default value is ‘visible’. This value specifies how overlapping vertex labels are handled. A value of ‘visible’ will show the complete label. A value of ‘hidden’ will clip the label so that it does not overlap the vertex bounds. A value of ‘fill’ will use the vertex bounds and a value of ‘width’ will use the the vertex width for the label. See <ahref="../view/mxGraph-js.html#mxGraph.isLabelClipped"class=LFunctionid=link46onMouseOver="ShowTip(event, 'tt25', 'link46')"onMouseOut="HideTip('tt25')">mxGraph.isLabelClipped</a>. Note that the vertical alignment is ignored for overflow fill. Value is “overflow”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ORTHOGONAL"></a>STYLE_ORTHOGONAL</h3><divclass=CBody><p>Defines if the connection points on either end of the edge should be computed so that the edge is vertical or horizontal if possible and if the point is not at a fixed location. Default is false. This is used in <ahref="../view/mxGraph-js.html#mxGraph.isOrthogonal"class=LFunctionid=link47onMouseOver="ShowTip(event, 'tt26', 'link47')"onMouseOut="HideTip('tt26')">mxGraph.isOrthogonal</a>, which also returns true if the edgeStyle of the edge is an elbow or entity. Value is “orthogonal”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_EXIT_X"></a>STYLE_EXIT_X</h3><divclass=CBody><p>Defines the key for the horizontal relative coordinate connection point of an edge with its source terminal. Value is “exitX”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_EXIT_Y"></a>STYLE_EXIT_Y</h3><divclass=CBody><p>Defines the key for the vertical relative coordinate connection point of an edge with its source terminal. Value is “exitY”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_EXIT_PERIMETER"></a>STYLE_EXIT_PERIMETER</h3><divclass=CBody><p>Defines if the perimeter should be used to find the exact entry point along the perimeter of the source. Possible values are 0 (false) and 1 (true). Default is 1 (true). Value is “exitPerimeter”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ENTRY_X"></a>STYLE_ENTRY_X</h3><divclass=CBody><p>Defines the key for the horizontal relative coordinate connection point of an edge with its target terminal. Value is “entryX”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ENTRY_Y"></a>STYLE_ENTRY_Y</h3><divclass=CBody><p>Defines the key for the vertical relative coordinate connection point of an edge with its target terminal. Value is “entryY”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ENTRY_PERIMETER"></a>STYLE_ENTRY_PERIMETER</h3><divclass=CBody><p>Defines if the perimeter should be used to find the exact entry point along the perimeter of the target. Possible values are 0 (false) and 1 (true). Default is 1 (true). Value is “entryPerimeter”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_WHITE_SPACE"></a>STYLE_WHITE_SPACE</h3><divclass=CBody><p>Defines the key for the white-space style. Possible values are ‘nowrap’ and ‘wrap’. The default value is ‘nowrap’. This value specifies how white-space inside a HTML vertex label should be handled. A value of ‘nowrap’ means the text will never wrap to the next line until a linefeed is encountered. A value of ‘wrap’ means text will wrap when necessary. This style is only used for HTML labels. See <ahref="../view/mxGraph-js.html#mxGraph.isWrapping"class=LFunctionid=link48onMouseOver="ShowTip(event, 'tt27', 'link48')"onMouseOut="HideTip('tt27')">mxGraph.isWrapping</a>. Value is “whiteSpace”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ROTATION"></a>STYLE_ROTATION</h3><divclass=CBody><p>Defines the key for the rotation style. The type of the value is numeric and the possible range is 0-360. Value is “rotation”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_FILLCOLOR"></a>STYLE_FILLCOLOR</h3><divclass=CBody><p>Defines the key for the fill color. Possible values are all HTML color names or HEX codes, as well as special keywords such as ‘swimlane, ‘inherit’ or ‘indicated’ to use the color code of a related cell or the indicator shape. Value is “fillColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_POINTER_EVENTS"></a>STYLE_POINTER_EVENTS</h3><divclass=CBody><p>Specifies if pointer events should be fired on transparent backgrounds. This style is currently only supported in <ahref="../shape/mxRectangleShape-js.html#mxRectangleShape"class=LClassid=link49onMouseOver="ShowTip(event, 'tt3', 'link49')"onMouseOut="HideTip('tt3')">mxRectangleShape</a>. Default is true. Value is “pointerEvents”. This is typically set to false in groups where the transparent part should allow any underlying cells to be clickable.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SWIMLANE_FILLCOLOR"></a>STYLE_SWIMLANE_FILLCOLOR</h3><divclass=CBody><p>Defines the key for the fill color of the swimlane background. Possible values are all HTML color names or HEX codes. Default is no background. Value is “swimlaneFillColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_MARGIN"></a>STYLE_MARGIN</h3><divclass=CBody><p>Defines the key for the margin between the ellipses in the double ellipse shape. Possible values are all positive numbers. Value is “margin”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_GRADIENTCOLOR"></a>STYLE_GRADIENTCOLOR</h3><divclass=CBody><p>Defines the key for the gradient color. Possible values are all HTML color names or HEX codes, as well as special keywords such as ‘swimlane, ‘inherit’ or ‘indicated’ to use the color code of a related cell or the indicator shape. This is ignored if no fill color is defined. Value is “gradientColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_GRADIENT_DIRECTION"></a>STYLE_GRADIENT_DIRECTION</h3><divclass=CBody><p>Defines the key for the gradient direction. Possible values are <ahref="#mxConstants.DIRECTION_EAST"class=LVariableid=link50onMouseOver="ShowTip(event, 'tt28', 'link50')"onMouseOut="HideTip('tt28')">DIRECTION_EAST</a>, <ahref="#mxConstants.DIRECTION_WEST"class=LVariableid=link51onMouseOver="ShowTip(event, 'tt29', 'link51')"onMouseOut="HideTip('tt29')">DIRECTION_WEST</a>, <ahref="#mxConstants.DIRECTION_NORTH"class=LVariableid=link52onMouseOver="ShowTip(event, 'tt30', 'link52')"onMouseOut="HideTip('tt30')">DIRECTION_NORTH</a> and <ahref="#mxConstants.DIRECTION_SOUTH"class=LVariableid=link53onMouseOver="ShowTip(event, 'tt31', 'link53')"onMouseOut="HideTip('tt31')">DIRECTION_SOUTH</a>. Default is <ahref="#mxConstants.DIRECTION_SOUTH"class=LVariableid=link54onMouseOver="ShowTip(event, 'tt31', 'link54')"onMouseOut="HideTip('tt31')">DIRECTION_SOUTH</a>. Generally, and by default in mxGraph, gradient painting is done from the value of <ahref="#mxConstants.STYLE_FILLCOLOR"class=LVariableid=link55onMouseOver="ShowTip(event, 'tt32', 'link55')"onMouseOut="HideTip('tt32')">STYLE_FILLCOLOR</a> to the value of <ahref="#mxConstants.STYLE_GRADIENTCOLOR"class=LVariableid=link56onMouseOver="ShowTip(event, 'tt33', 'link56')"onMouseOut="HideTip('tt33')">STYLE_GRADIENTCOLOR</a>. Taking the example of <ahref="#mxConstants.DIRECTION_NORTH"class=LVariableid=link57onMouseOver="ShowTip(event, 'tt30', 'link57')"onMouseOut="HideTip('tt30')">DIRECTION_NORTH</a>, this means <ahref="#mxConstants.STYLE_FILLCOLOR"class=LVariableid=link58onMouseOver="ShowTip(event, 'tt32', 'link58')"onMouseOut="HideTip('tt32')">STYLE_FILLCOLOR</a> color at the bottom of paint pattern and <ahref="#mxConstants.STYLE_GRADIENTCOLOR"class=LVariableid=link59onMouseOver="ShowTip(event, 'tt33', 'link59')"onMouseOut="HideTip('tt33')">STYLE_GRADIENTCOLOR</a> at top, with a gradient in-between. Value is “gradientDirection”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_STROKECOLOR"></a>STYLE_STROKECOLOR</h3><divclass=CBody><p>Defines the key for the strokeColor style. Possible values are all HTML color names or HEX codes, as well as special keywords such as ‘swimlane, ‘inherit’, ‘indicated’ to use the color code of a related cell or the indicator shape or ‘none’ for no color. Value is “strokeColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SEPARATORCOLOR"></a>STYLE_SEPARATORCOLOR</h3><divclass=CBody><p>Defines the key for the separatorColor style. Possible values are all HTML color names or HEX codes. This style is only used for <ahref="#mxConstants.SHAPE_SWIMLANE"class=LVariableid=link60onMouseOver="ShowTip(event, 'tt34', 'link60')"onMouseOut="HideTip('tt34')">SHAPE_SWIMLANE</a> shapes. Value is “separatorColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_STROKEWIDTH"></a>STYLE_STROKEWIDTH</h3><divclass=CBody><p>Defines the key for the strokeWidth style. The type of the value is numeric and the possible range is any non-negative value larger or equal to 1. The value defines the stroke width in pixels. Note: To hide a stroke use strokeColor none. Value is “strokeWidth”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ALIGN"></a>STYLE_ALIGN</h3><divclass=CBody><p>Defines the key for the align style. Possible values are <ahref="#mxConstants.ALIGN_LEFT"class=LVariableid=link61onMouseOver="ShowTip(event, 'tt35', 'link61')"onMouseOut="HideTip('tt35')">ALIGN_LEFT</a>, <ahref="#mxConstants.ALIGN_CENTER"class=LVariableid=link62onMouseOver="ShowTip(event, 'tt36', 'link62')"onMouseOut="HideTip('tt36')">ALIGN_CENTER</a> and <ahref="#mxConstants.ALIGN_RIGHT"class=LVariableid=link63onMouseOver="ShowTip(event, 'tt37', 'link63')"onMouseOut="HideTip('tt37')">ALIGN_RIGHT</a>. This value defines how the lines of the label are horizontally aligned. <ahref="#mxConstants.ALIGN_LEFT"class=LVariableid=link64onMouseOver="ShowTip(event, 'tt35', 'link64')"onMouseOut="HideTip('tt35')">ALIGN_LEFT</a> mean label text lines are aligned to left of the label bounds, <ahref="#mxConstants.ALIGN_RIGHT"class=LVariableid=link65onMouseOver="ShowTip(event, 'tt37', 'link65')"onMouseOut="HideTip('tt37')">ALIGN_RIGHT</a> to the right of the label bounds and <ahref="#mxConstants.ALIGN_CENTER"class=LVariableid=link66onMouseOver="ShowTip(event, 'tt36', 'link66')"onMouseOut="HideTip('tt36')">ALIGN_CENTER</a> means the center of the text lines are aligned in the center of the label bounds. Note this value doesn’t affect the positioning of the overall label bounds relative to the vertex, to move the label bounds horizontally, use <ahref="#mxConstants.STYLE_LABEL_POSITION"class=LVariableid=link67onMouseOver="ShowTip(event, 'tt38', 'link67')"onMouseOut="HideTip('tt38')">STYLE_LABEL_POSITION</a>. Value is “align”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_VERTICAL_ALIGN"></a>STYLE_VERTICAL_ALIGN</h3><divclass=CBody><p>Defines the key for the verticalAlign style. Possible values are <ahref="#mxConstants.ALIGN_TOP"class=LVariableid=link68onMouseOver="ShowTip(event, 'tt39', 'link68')"onMouseOut="HideTip('tt39')">ALIGN_TOP</a>, <ahref="#mxConstants.ALIGN_MIDDLE"class=LVariableid=link69onMouseOver="ShowTip(event, 'tt40', 'link69')"onMouseOut="HideTip('tt40')">ALIGN_MIDDLE</a> and <ahref="#mxConstants.ALIGN_BOTTOM"class=LVariableid=link70onMouseOver="ShowTip(event, 'tt41', 'link70')"onMouseOut="HideTip('tt41')">ALIGN_BOTTOM</a>. This value defines how the lines of the label are vertically aligned. <ahref="#mxConstants.ALIGN_TOP"class=LVariableid=link71onMouseOver="ShowTip(event, 'tt39', 'link71')"onMouseOut="HideTip('tt39')">ALIGN_TOP</a> means the topmost label text line is aligned against the top of the label bounds, <ahref="#mxConstants.ALIGN_BOTTOM"class=LVariableid=link72onMouseOver="ShowTip(event, 'tt41', 'link72')"onMouseOut="HideTip('tt41')">ALIGN_BOTTOM</a> means the bottom-most label text line is aligned against the bottom of the label bounds and <ahref="#mxConstants.ALIGN_MIDDLE"class=LVariableid=link73onMouseOver="ShowTip(event, 'tt40', 'link73')"onMouseOut="HideTip('tt40')">ALIGN_MIDDLE</a> means there is equal spacing between the topmost text label line and the top of the label bounds and the bottom-most text label line and the bottom of the label bounds. Note this value doesn’t affect the positioning of the overall label bounds relative to the vertex, to move the label bounds vertically, use <ahref="#mxConstants.STYLE_VERTICAL_LABEL_POSITION"class=LVariableid=link74onMouseOver="ShowTip(event, 'tt42', 'link74')"onMouseOut="HideTip('tt42')">STYLE_VERTICAL_LABEL_POSITION</a>. Value is “verticalAlign”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_LABEL_WIDTH"></a>STYLE_LABEL_WIDTH</h3><divclass=CBody><p>Defines the key for the width of the label if the label position is not center. Value is “labelWidth”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_LABEL_POSITION"></a>STYLE_LABEL_POSITION</h3><divclass=CBody><p>Defines the key for the horizontal label position of vertices. Possible values are <ahref="#mxConstants.ALIGN_LEFT"class=LVariableid=link75onMouseOver="ShowTip(event, 'tt35', 'link75')"onMouseOut="HideTip('tt35')">ALIGN_LEFT</a>, <ahref="#mxConstants.ALIGN_CENTER"class=LVariableid=link76onMouseOver="ShowTip(event, 'tt36', 'link76')"onMouseOut="HideTip('tt36')">ALIGN_CENTER</a> and <ahref="#mxConstants.ALIGN_RIGHT"class=LVariableid=link77onMouseOver="ShowTip(event, 'tt37', 'link77')"onMouseOut="HideTip('tt37')">ALIGN_RIGHT</a>. Default is <ahref="#mxConstants.ALIGN_CENTER"class=LVariableid=link78onMouseOver="ShowTip(event, 'tt36', 'link78')"onMouseOut="HideTip('tt36')">ALIGN_CENTER</a>. The label align defines the position of the label relative to the cell. <ahref="#mxConstants.ALIGN_LEFT"class=LVariableid=link79onMouseOver="ShowTip(event, 'tt35', 'link79')"onMouseOut="HideTip('tt35')">ALIGN_LEFT</a> means the entire label bounds is placed completely just to the left of the vertex, <ahref="#mxConstants.ALIGN_RIGHT"class=LVariableid=link80onMouseOver="ShowTip(event, 'tt37', 'link80')"onMouseOut="HideTip('tt37')">ALIGN_RIGHT</a> means adjust to the right and <ahref="#mxConstants.ALIGN_CENTER"class=LVariableid=link81onMouseOver="ShowTip(event, 'tt36', 'link81')"onMouseOut="HideTip('tt36')">ALIGN_CENTER</a> means the label bounds are vertically aligned with the bounds of the vertex. Note this value doesn’t affect the positioning of label within the label bounds, to move the label horizontally within the label bounds, use <ahref="#mxConstants.STYLE_ALIGN"class=LVariableid=link82onMouseOver="ShowTip(event, 'tt43', 'link82')"onMouseOut="HideTip('tt43')">STYLE_ALIGN</a>. Value is “labelPosition”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_VERTICAL_LABEL_POSITION"></a>STYLE_VERTICAL_LABEL_POSITION</h3><divclass=CBody><p>Defines the key for the vertical label position of vertices. Possible values are <ahref="#mxConstants.ALIGN_TOP"class=LVariableid=link83onMouseOver="ShowTip(event, 'tt39', 'link83')"onMouseOut="HideTip('tt39')">ALIGN_TOP</a>, <ahref="#mxConstants.ALIGN_BOTTOM"class=LVariableid=link84onMouseOver="ShowTip(event, 'tt41', 'link84')"onMouseOut="HideTip('tt41')">ALIGN_BOTTOM</a> and <ahref="#mxConstants.ALIGN_MIDDLE"class=LVariableid=link85onMouseOver="ShowTip(event, 'tt40', 'link85')"onMouseOut="HideTip('tt40')">ALIGN_MIDDLE</a>. Default is <ahref="#mxConstants.ALIGN_MIDDLE"class=LVariableid=link86onMouseOver="ShowTip(event, 'tt40', 'link86')"onMouseOut="HideTip('tt40')">ALIGN_MIDDLE</a>. The label align defines the position of the label relative to the cell. <ahref="#mxConstants.ALIGN_TOP"class=LVariableid=link87onMouseOver="ShowTip(event, 'tt39', 'link87')"onMouseOut="HideTip('tt39')">ALIGN_TOP</a> means the entire label bounds is placed completely just on the top of the vertex, <ahref="#mxConstants.ALIGN_BOTTOM"class=LVariableid=link88onMouseOver="ShowTip(event, 'tt41', 'link88')"onMouseOut="HideTip('tt41')">ALIGN_BOTTOM</a> means adjust on the bottom and <ahref="#mxConstants.ALIGN_MIDDLE"class=LVariableid=link89onMouseOver="ShowTip(event, 'tt40', 'link89')"onMouseOut="HideTip('tt40')">ALIGN_MIDDLE</a> means the label bounds are horizontally aligned with the bounds of the vertex. Note this value doesn’t affect the positioning of label within the label bounds, to move the label vertically within the label bounds, use <ahref="#mxConstants.STYLE_VERTICAL_ALIGN"class=LVariableid=link90onMouseOver="ShowTip(event, 'tt44', 'link90')"onMouseOut="HideTip('tt44')">STYLE_VERTICAL_ALIGN</a>. Value is “verticalLabelPosition”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_IMAGE_ASPECT"></a>STYLE_IMAGE_ASPECT</h3><divclass=CBody><p>Defines the key for the image aspect style. Possible values are 0 (do not preserve aspect) or 1 (keep aspect). This is only used in <ahref="../shape/mxImageShape-js.html#mxImageShape"class=LClassid=link91onMouseOver="ShowTip(event, 'tt9', 'link91')"onMouseOut="HideTip('tt9')">mxImageShape</a>. Default is 1. Value is “imageAspect”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_IMAGE_ALIGN"></a>STYLE_IMAGE_ALIGN</h3><divclass=CBody><p>Defines the key for the align style. Possible values are <ahref="#mxConstants.ALIGN_LEFT"class=LVariableid=link92onMouseOver="ShowTip(event, 'tt35', 'link92')"onMouseOut="HideTip('tt35')">ALIGN_LEFT</a>, <ahref="#mxConstants.ALIGN_CENTER"class=LVariableid=link93onMouseOver="ShowTip(event, 'tt36', 'link93')"onMouseOut="HideTip('tt36')">ALIGN_CENTER</a> and <ahref="#mxConstants.ALIGN_RIGHT"class=LVariableid=link94onMouseOver="ShowTip(event, 'tt37', 'link94')"onMouseOut="HideTip('tt37')">ALIGN_RIGHT</a>. The value defines how any image in the vertex label is aligned horizontally within the label bounds of a <ahref="#mxConstants.SHAPE_LABEL"class=LVariableid=link95onMouseOver="ShowTip(event, 'tt45', 'link95')"onMouseOut="HideTip('tt45')">SHAPE_LABEL</a> shape. Value is “imageAlign”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_IMAGE_VERTICAL_ALIGN"></a>STYLE_IMAGE_VERTICAL_ALIGN</h3><divclass=CBody><p>Defines the key for the verticalAlign style. Possible values are <ahref="#mxConstants.ALIGN_TOP"class=LVariableid=link96onMouseOver="ShowTip(event, 'tt39', 'link96')"onMouseOut="HideTip('tt39')">ALIGN_TOP</a>, <ahref="#mxConstants.ALIGN_MIDDLE"class=LVariableid=link97onMouseOver="ShowTip(event, 'tt40', 'link97')"onMouseOut="HideTip('tt40')">ALIGN_MIDDLE</a> and <ahref="#mxConstants.ALIGN_BOTTOM"class=LVariableid=link98onMouseOver="ShowTip(event, 'tt41', 'link98')"onMouseOut="HideTip('tt41')">ALIGN_BOTTOM</a>. The value defines how any image in the vertex label is aligned vertically within the label bounds of a <ahref="#mxConstants.SHAPE_LABEL"class=LVariableid=link99onMouseOver="ShowTip(event, 'tt45', 'link99')"onMouseOut="HideTip('tt45')">SHAPE_LABEL</a> shape. Value is “imageVerticalAlign”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_GLASS"></a>STYLE_GLASS</h3><divclass=CBody><p>Defines the key for the glass style. Possible values are 0 (disabled) and 1(enabled). The default value is 0. This is used in <ahref="../shape/mxLabel-js.html#mxLabel"class=LClassid=link100onMouseOver="ShowTip(event, 'tt2', 'link100')"onMouseOut="HideTip('tt2')">mxLabel</a>. Value is “glass”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_IMAGE"></a>STYLE_IMAGE</h3><divclass=CBody><p>Defines the key for the image style. Possible values are any image URL, the type of the value is String. This is the path to the image to image that is to be displayed within the label of a vertex. Data URLs should use the following format: data:image/png,xyz where xyz is the base64 encoded data (without the “base64”-prefix). Note that Data URLs are only supported in modern browsers. Value is “image”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_IMAGE_WIDTH"></a>STYLE_IMAGE_WIDTH</h3><divclass=CBody><p>Defines the key for the imageWidth style. The type of this value is int, the value is the image width in pixels and must be greater than 0. Value is “imageWidth”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_IMAGE_HEIGHT"></a>STYLE_IMAGE_HEIGHT</h3><divclass=CBody><p>Defines the key for the imageHeight style. The type of this value is int, the value is the image height in pixels and must be greater than 0. Value is “imageHeight”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_IMAGE_BACKGROUND"></a>STYLE_IMAGE_BACKGROUND</h3><divclass=CBody><p>Defines the key for the image background color. This style is only used in <ahref="../shape/mxImageShape-js.html#mxImageShape"class=LClassid=link101onMouseOver="ShowTip(event, 'tt9', 'link101')"onMouseOut="HideTip('tt9')">mxImageShape</a>. Possible values are all HTML color names or HEX codes. Value is “imageBackground”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_IMAGE_BORDER"></a>STYLE_IMAGE_BORDER</h3><divclass=CBody><p>Defines the key for the image border color. This style is only used in <ahref="../shape/mxImageShape-js.html#mxImageShape"class=LClassid=link102onMouseOver="ShowTip(event, 'tt9', 'link102')"onMouseOut="HideTip('tt9')">mxImageShape</a>. Possible values are all HTML color names or HEX codes. Value is “imageBorder”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_FLIPH"></a>STYLE_FLIPH</h3><divclass=CBody><p>Defines the key for the horizontal image flip. This style is only used in <ahref="../shape/mxImageShape-js.html#mxImageShape"class=LClassid=link103onMouseOver="ShowTip(event, 'tt9', 'link103')"onMouseOut="HideTip('tt9')">mxImageShape</a>. Possible values are 0 and 1. Default is 0. Value is “flipH”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_FLIPV"></a>STYLE_FLIPV</h3><divclass=CBody><p>Defines the key for the vertical flip. Possible values are 0 and 1. Default is 0. Value is “flipV”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_NOLABEL"></a>STYLE_NOLABEL</h3><divclass=CBody><p>Defines the key for the noLabel style. If this is true then no label is visible for a given cell. Possible values are true or false (1 or 0). Default is false. Value is “noLabel”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_NOEDGESTYLE"></a>STYLE_NOEDGESTYLE</h3><divclass=CBody><p>Defines the key for the noEdgeStyle style. If this is true then no edge style is applied for a given edge. Possible values are true or false (1 or 0). Default is false. Value is “noEdgeStyle”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_LABEL_BACKGROUNDCOLOR"></a>STYLE_LABEL_BACKGROUNDCOLOR</h3><divclass=CBody><p>Defines the key for the label background color. Possible values are all HTML color names or HEX codes. Value is “labelBackgroundColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_LABEL_BORDERCOLOR"></a>STYLE_LABEL_BORDERCOLOR</h3><divclass=CBody><p>Defines the key for the label border color. Possible values are all HTML color names or HEX codes. Value is “labelBorderColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_LABEL_PADDING"></a>STYLE_LABEL_PADDING</h3><divclass=CBody><p>Defines the key for the label padding, ie. the space between the label border and the label. Value is “labelPadding”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_INDICATOR_SHAPE"></a>STYLE_INDICATOR_SHAPE</h3><divclass=CBody><p>Defines the key for the indicator shape used within an <ahref="../shape/mxLabel-js.html#mxLabel"class=LClassid=link104onMouseOver="ShowTip(event, 'tt2', 'link104')"onMouseOut="HideTip('tt2')">mxLabel</a>. Possible values are all SHAPE_* constants or the names of any new shapes. The indicatorShape has precedence over the indicatorImage. Value is “indicatorShape”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_INDICATOR_IMAGE"></a>STYLE_INDICATOR_IMAGE</h3><divclass=CBody><p>Defines the key for the indicator image used within an <ahref="../shape/mxLabel-js.html#mxLabel"class=LClassid=link105onMouseOver="ShowTip(event, 'tt2', 'link105')"onMouseOut="HideTip('tt2')">mxLabel</a>. Possible values are all image URLs. The indicatorShape has precedence over the indicatorImage. Value is “indicatorImage”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_INDICATOR_COLOR"></a>STYLE_INDICATOR_COLOR</h3><divclass=CBody><p>Defines the key for the indicatorColor style. Possible values are all HTML color names or HEX codes, as well as the special ‘swimlane’ keyword to refer to the color of the parent swimlane if one exists. Value is “indicatorColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_INDICATOR_STROKECOLOR"></a>STYLE_INDICATOR_STROKECOLOR</h3><divclass=CBody><p>Defines the key for the indicator stroke color in <ahref="../shape/mxLabel-js.html#mxLabel"class=LClassid=link106onMouseOver="ShowTip(event, 'tt2', 'link106')"onMouseOut="HideTip('tt2')">mxLabel</a>. Possible values are all color codes. Value is “indicatorStrokeColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_INDICATOR_GRADIENTCOLOR"></a>STYLE_INDICATOR_GRADIENTCOLOR</h3><divclass=CBody><p>Defines the key for the indicatorGradientColor style. Possible values are all HTML color names or HEX codes. This style is only supported in <ahref="#mxConstants.SHAPE_LABEL"class=LVariableid=link107onMouseOver="ShowTip(event, 'tt45', 'link107')"onMouseOut="HideTip('tt45')">SHAPE_LABEL</a> shapes. Value is “indicatorGradientColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_INDICATOR_SPACING"></a>STYLE_INDICATOR_SPACING</h3><divclass=CBody><p>The defines the key for the spacing between the label and the indicator in <ahref="../shape/mxLabel-js.html#mxLabel"class=LClassid=link108onMouseOver="ShowTip(event, 'tt2', 'link108')"onMouseOut="HideTip('tt2')">mxLabel</a>. Possible values are in pixels. Value is “indicatorSpacing”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_INDICATOR_WIDTH"></a>STYLE_INDICATOR_WIDTH</h3><divclass=CBody><p>Defines the key for the indicator width. Possible values start at 0 (in pixels). Value is “indicatorWidth”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_INDICATOR_HEIGHT"></a>STYLE_INDICATOR_HEIGHT</h3><divclass=CBody><p>Defines the key for the indicator height. Possible values start at 0 (in pixels). Value is “indicatorHeight”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_INDICATOR_DIRECTION"></a>STYLE_INDICATOR_DIRECTION</h3><divclass=CBody><p>Defines the key for the indicatorDirection style. The direction style is used to specify the direction of certain shapes (eg. <ahref="../shape/mxTriangle-js.html#mxTriangle"class=LClassid=link109onMouseOver="ShowTip(event, 'tt17', 'link109')"onMouseOut="HideTip('tt17')">mxTriangle</a>). Possible values are <ahref="#mxConstants.DIRECTION_EAST"class=LVariableid=link110onMouseOver="ShowTip(event, 'tt28', 'link110')"onMouseOut="HideTip('tt28')">DIRECTION_EAST</a> (default), <ahref="#mxConstants.DIRECTION_WEST"class=LVariableid=link111onMouseOver="ShowTip(event, 'tt29', 'link111')"onMouseOut="HideTip('tt29')">DIRECTION_WEST</a>, <ahref="#mxConstants.DIRECTION_NORTH"class=LVariableid=link112onMouseOver="ShowTip(event, 'tt30', 'link112')"onMouseOut="HideTip('tt30')">DIRECTION_NORTH</a> and <ahref="#mxConstants.DIRECTION_SOUTH"class=LVariableid=link113onMouseOver="ShowTip(event, 'tt31', 'link113')"onMouseOut="HideTip('tt31')">DIRECTION_SOUTH</a>. Value is “indicatorDirection”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SHADOW"></a>STYLE_SHADOW</h3><divclass=CBody><p>Defines the key for the shadow style. The type of the value is Boolean. Value is “shadow”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SEGMENT"></a>STYLE_SEGMENT</h3><divclass=CBody><p>Defines the key for the segment style. The type of this value is float and the value represents the size of the horizontal segment of the entity relation style. Default is ENTITY_SEGMENT. Value is “segment”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ENDARROW"></a>STYLE_ENDARROW</h3><divclass=CBody><p>Defines the key for the end arrow marker. Possible values are all constants with an ARROW-prefix. This is only used in <ahref="../shape/mxConnector-js.html#mxConnector"class=LClassid=link114onMouseOver="ShowTip(event, 'tt14', 'link114')"onMouseOut="HideTip('tt14')">mxConnector</a>. Value is “endArrow”.</p><h4class=CHeading>Example</h4><blockquote><preclass="prettyprint">style[mxConstants.STYLE_ENDARROW] = mxConstants.ARROW_CLASSIC;</pre></blockquote></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_STARTARROW"></a>STYLE_STARTARROW</h3><divclass=CBody><p>Defines the key for the start arrow marker. Possible values are all constants with an ARROW-prefix. This is only used in <ahref="../shape/mxConnector-js.html#mxConnector"class=LClassid=link115onMouseOver="ShowTip(event, 'tt14', 'link115')"onMouseOut="HideTip('tt14')">mxConnector</a>. See <ahref="#mxConstants.STYLE_ENDARROW"class=LVariableid=link116onMouseOver="ShowTip(event, 'tt46', 'link116')"onMouseOut="HideTip('tt46')">STYLE_ENDARROW</a>. Value is “startArrow”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ENDSIZE"></a>STYLE_ENDSIZE</h3><divclass=CBody><p>Defines the key for the endSize style. The type of this value is numeric and the value represents the size of the end marker in pixels. Value is “endSize”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_STARTSIZE"></a>STYLE_STARTSIZE</h3><divclass=CBody><p>Defines the key for the startSize style. The type of this value is numeric and the value represents the size of the start marker or the size of the swimlane title region depending on the shape it is used for. Value is “startSize”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SWIMLANE_LINE"></a>STYLE_SWIMLANE_LINE</h3><divclass=CBody><p>Defines the key for the swimlaneLine style. This style specifies whether the line between the title regio of a swimlane should be visible. Use 0 for hidden or 1 (default) for visible. Value is “swimlaneLine”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ENDFILL"></a>STYLE_ENDFILL</h3><divclass=CBody><p>Defines the key for the endFill style. Use 0 for no fill or 1 (default) for fill. (This style is only exported via <ahref="mxImageExport-js.html#mxImageExport"class=LClassid=link117onMouseOver="ShowTip(event, 'tt47', 'link117')"onMouseOut="HideTip('tt47')">mxImageExport</a>.) Value is “endFill”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_STARTFILL"></a>STYLE_STARTFILL</h3><divclass=CBody><p>Defines the key for the startFill style. Use 0 for no fill or 1 (default) for fill. (This style is only exported via <ahref="mxImageExport-js.html#mxImageExport"class=LClassid=link118onMouseOver="ShowTip(event, 'tt47', 'link118')"onMouseOut="HideTip('tt47')">mxImageExport</a>.) Value is “startFill”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_DASHED"></a>STYLE_DASHED</h3><divclass=CBody><p>Defines the key for the dashed style. Use 0 (default) for non-dashed or 1 for dashed. Value is “dashed”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ROUNDED"></a>STYLE_ROUNDED</h3><divclass=CBody><p>Defines the key for the rounded style. The type of this value is Boolean. For edges this determines whether or not joins between edges segments are smoothed to a rounded finish. For vertices that have the rectangle shape, this determines whether or not the rectangle is rounded. Use 0 (default) for non-rounded or 1 for rounded. Value is “rounded”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_CURVED"></a>STYLE_CURVED</h3><divclass=CBody><p>Defines the key for the curved style. The type of this value is Boolean. It is only applicable for connector shapes. Use 0 (default) for non-curved or 1 for curved. Value is “curved”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ARCSIZE"></a>STYLE_ARCSIZE</h3><divclass=CBody><p>Defines the rounding factor for a rounded rectangle in percent (without the percent sign). Possible values are between 0 and 100. If this value is not specified then RECTANGLE_ROUNDING_FACTOR * 100 is used. For edges, this defines the absolute size of rounded corners in pixels. If this values is not specified then LINE_ARCSIZE is used. (This style is only exported via <ahref="mxImageExport-js.html#mxImageExport"class=LClassid=link119onMouseOver="ShowTip(event, 'tt47', 'link119')"onMouseOut="HideTip('tt47')">mxImageExport</a>.) Value is “arcSize”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SMOOTH"></a>STYLE_SMOOTH</h3><divclass=CBody><p>An experimental style for edges. This style is currently not available in the backends and is implemented differently for VML and SVG. The use of this style is currently only recommended for VML. Value is “smooth”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SOURCE_PERIMETER_SPACING"></a>STYLE_SOURCE_PERIMETER_SPACING</h3><divclass=CBody><p>Defines the key for the source perimeter spacing. The type of this value is numeric. This is the distance between the source connection point of an edge and the perimeter of the source vertex in pixels. This style only applies to edges. Value is “sourcePerimeterSpacing”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_TARGET_PERIMETER_SPACING"></a>STYLE_TARGET_PERIMETER_SPACING</h3><divclass=CBody><p>Defines the key for the target perimeter spacing. The type of this value is numeric. This is the distance between the target connection point of an edge and the perimeter of the target vertex in pixels. This style only applies to edges. Value is “targetPerimeterSpacing”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_PERIMETER_SPACING"></a>STYLE_PERIMETER_SPACING</h3><divclass=CBody><p>Defines the key for the perimeter spacing. This is the distance between the connection point and the perimeter in pixels. When used in a vertex style, this applies to all incoming edges to floating ports (edges that terminate on the perimeter of the vertex). When used in an edge style, this spacing applies to the source and target separately, if they terminate in floating ports (on the perimeter of the vertex). Value is “perimeterSpacing”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SPACING"></a>STYLE_SPACING</h3><divclass=CBody><p>Defines the key for the spacing. The value represents the spacing, in pixels, added to each side of a label in a vertex (style applies to vertices only). Value is “spacing”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SPACING_TOP"></a>STYLE_SPACING_TOP</h3><divclass=CBody><p>Defines the key for the spacingTop style. The value represents the spacing, in pixels, added to the top side of a label in a vertex (style applies to vertices only). Value is “spacingTop”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SPACING_LEFT"></a>STYLE_SPACING_LEFT</h3><divclass=CBody><p>Defines the key for the spacingLeft style. The value represents the spacing, in pixels, added to the left side of a label in a vertex (style applies to vertices only). Value is “spacingLeft”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SPACING_BOTTOM"></a>STYLE_SPACING_BOTTOM</h3><divclass=CBody><p>Defines the key for the spacingBottom style The value represents the spacing, in pixels, added to the bottom side of a label in a vertex (style applies to vertices only). Value is “spacingBottom”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SPACING_RIGHT"></a>STYLE_SPACING_RIGHT</h3><divclass=CBody><p>Defines the key for the spacingRight style The value represents the spacing, in pixels, added to the right side of a label in a vertex (style applies to vertices only). Value is “spacingRight”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_HORIZONTAL"></a>STYLE_HORIZONTAL</h3><divclass=CBody><p>Defines the key for the horizontal style. Possible values are true or false. This value only applies to vertices. If the <ahref="#mxConstants.STYLE_SHAPE"class=LVariableid=link120onMouseOver="ShowTip(event, 'tt48', 'link120')"onMouseOut="HideTip('tt48')">STYLE_SHAPE</a> is “SHAPE_SWIMLANE” a value of false indicates that the swimlane should be drawn vertically, true indicates to draw it horizontally. If the shape style does not indicate that this vertex is a swimlane, this value affects only whether the label is drawn horizontally or vertically. Value is “horizontal”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_DIRECTION"></a>STYLE_DIRECTION</h3><divclass=CBody><p>Defines the key for the direction style. The direction style is used to specify the direction of certain shapes (eg. <ahref="../shape/mxTriangle-js.html#mxTriangle"class=LClassid=link121onMouseOver="ShowTip(event, 'tt17', 'link121')"onMouseOut="HideTip('tt17')">mxTriangle</a>). Possible values are <ahref="#mxConstants.DIRECTION_EAST"class=LVariableid=link122onMouseOver="ShowTip(event, 'tt28', 'link122')"onMouseOut="HideTip('tt28')">DIRECTION_EAST</a> (default), <ahref="#mxConstants.DIRECTION_WEST"class=LVariableid=link123onMouseOver="ShowTip(event, 'tt29', 'link123')"onMouseOut="HideTip('tt29')">DIRECTION_WEST</a>, <ahref="#mxConstants.DIRECTION_NORTH"class=LVariableid=link124onMouseOver="ShowTip(event, 'tt30', 'link124')"onMouseOut="HideTip('tt30')">DIRECTION_NORTH</a> and <ahref="#mxConstants.DIRECTION_SOUTH"class=LVariableid=link125onMouseOver="ShowTip(event, 'tt31', 'link125')"onMouseOut="HideTip('tt31')">DIRECTION_SOUTH</a>. Value is “direction”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ELBOW"></a>STYLE_ELBOW</h3><divclass=CBody><p>Defines the key for the elbow style. Possible values are <ahref="#mxConstants.ELBOW_HORIZONTAL"class=LVariableid=link126onMouseOver="ShowTip(event, 'tt49', 'link126')"onMouseOut="HideTip('tt49')">ELBOW_HORIZONTAL</a> and <ahref="#mxConstants.ELBOW_VERTICAL"class=LVariableid=link127onMouseOver="ShowTip(event, 'tt50', 'link127')"onMouseOut="HideTip('tt50')">ELBOW_VERTICAL</a>. Default is <ahref="#mxConstants.ELBOW_HORIZONTAL"class=LVariableid=link128onMouseOver="ShowTip(event, 'tt49', 'link128')"onMouseOut="HideTip('tt49')">ELBOW_HORIZONTAL</a>. This defines how the three segment orthogonal edge style leaves its terminal vertices. The vertical style leaves the terminal vertices at the top and bottom sides. Value is “elbow”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_FONTCOLOR"></a>STYLE_FONTCOLOR</h3><divclass=CBody><p>Defines the key for the fontColor style. Possible values are all HTML color names or HEX codes. Value is “fontColor”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_FONTFAMILY"></a>STYLE_FONTFAMILY</h3><divclass=CBody><p>Defines the key for the fontFamily style. Possible values are names such as Arial; Dialog; Verdana; Times New Roman. The value is of type String. Value is fontFamily.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_FONTSIZE"></a>STYLE_FONTSIZE</h3><divclass=CBody><p>Defines the key for the fontSize style (in points). The type of the value is int. Value is “fontSize”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_FONTSTYLE"></a>STYLE_FONTSTYLE</h3><divclass=CBody><p>Defines the key for the fontStyle style. Values may be any logical AND (sum) of <ahref="#mxConstants.FONT_BOLD"class=LVariableid=link129onMouseOver="ShowTip(event, 'tt51', 'link129')"onMouseOut="HideTip('tt51')">FONT_BOLD</a>, <ahref="#mxConstants.FONT_ITALIC"class=LVariableid=link130onMouseOver="ShowTip(event, 'tt52', 'link130')"onMouseOut="HideTip('tt52')">FONT_ITALIC</a> and <ahref="#mxConstants.FONT_UNDERLINE"class=LVariableid=link131onMouseOver="ShowTip(event, 'tt53', 'link131')"onMouseOut="HideTip('tt53')">FONT_UNDERLINE</a>. The type of the value is int. Value is “fontStyle”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ASPECT"></a>STYLE_ASPECT</h3><divclass=CBody><p>Defines the key for the aspect style. Possible values are empty or fixed. If fixed is used then the aspect ratio of the cell will be maintained when resizing. Default is empty. Value is “aspect”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_AUTOSIZE"></a>STYLE_AUTOSIZE</h3><divclass=CBody><p>Defines the key for the autosize style. This specifies if a cell should be resized automatically if the value has changed. Possible values are 0 or 1. Default is 0. See <ahref="../view/mxGraph-js.html#mxGraph.isAutoSizeCell"class=LFunctionid=link132onMouseOver="ShowTip(event, 'tt54', 'link132')"onMouseOut="HideTip('tt54')">mxGraph.isAutoSizeCell</a>. This is normally combined with <ahref="#mxConstants.STYLE_RESIZABLE"class=LVariableid=link133onMouseOver="ShowTip(event, 'tt55', 'link133')"onMouseOut="HideTip('tt55')">STYLE_RESIZABLE</a> to disable manual sizing. Value is “autosize”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_FOLDABLE"></a>STYLE_FOLDABLE</h3><divclass=CBody><p>Defines the key for the foldable style. This specifies if a cell is foldable using a folding icon. Possible values are 0 or 1. Default is 1. See <ahref="../view/mxGraph-js.html#mxGraph.isCellFoldable"class=LFunctionid=link134onMouseOver="ShowTip(event, 'tt56', 'link134')"onMouseOut="HideTip('tt56')">mxGraph.isCellFoldable</a>. Value is “foldable”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_EDITABLE"></a>STYLE_EDITABLE</h3><divclass=CBody><p>Defines the key for the editable style. This specifies if the value of a cell can be edited using the in-place editor. Possible values are 0 or 1. Default is 1. See <ahref="../view/mxGraph-js.html#mxGraph.isCellEditable"class=LFunctionid=link135onMouseOver="ShowTip(event, 'tt57', 'link135')"onMouseOut="HideTip('tt57')">mxGraph.isCellEditable</a>. Value is “editable”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_BENDABLE"></a>STYLE_BENDABLE</h3><divclass=CBody><p>Defines the key for the bendable style. This specifies if the control points of an edge can be moved. Possible values are 0 or 1. Default is 1. See <ahref="../view/mxGraph-js.html#mxGraph.isCellBendable"class=LFunctionid=link136onMouseOver="ShowTip(event, 'tt58', 'link136')"onMouseOut="HideTip('tt58')">mxGraph.isCellBendable</a>. Value is “bendable”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_MOVABLE"></a>STYLE_MOVABLE</h3><divclass=CBody><p>Defines the key for the movable style. This specifies if a cell can be moved. Possible values are 0 or 1. Default is 1. See <ahref="../view/mxGraph-js.html#mxGraph.isCellMovable"class=LFunctionid=link137onMouseOver="ShowTip(event, 'tt59', 'link137')"onMouseOut="HideTip('tt59')">mxGraph.isCellMovable</a>. Value is “movable”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_RESIZABLE"></a>STYLE_RESIZABLE</h3><divclass=CBody><p>Defines the key for the resizable style. This specifies if a cell can be resized. Possible values are 0 or 1. Default is 1. See <ahref="../view/mxGraph-js.html#mxGraph.isCellResizable"class=LFunctionid=link138onMouseOver="ShowTip(event, 'tt60', 'link138')"onMouseOut="HideTip('tt60')">mxGraph.isCellResizable</a>. Value is “resizable”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ROTATABLE"></a>STYLE_ROTATABLE</h3><divclass=CBody><p>Defines the key for the rotatable style. This specifies if a cell can be rotated. Possible values are 0 or 1. Default is 1. See <ahref="../view/mxGraph-js.html#mxGraph.isCellRotatable"class=LFunctionid=link139onMouseOver="ShowTip(event, 'tt61', 'link139')"onMouseOut="HideTip('tt61')">mxGraph.isCellRotatable</a>. Value is “rotatable”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_CLONEABLE"></a>STYLE_CLONEABLE</h3><divclass=CBody><p>Defines the key for the cloneable style. This specifies if a cell can be cloned. Possible values are 0 or 1. Default is 1. See <ahref="../view/mxGraph-js.html#mxGraph.isCellCloneable"class=LFunctionid=link140onMouseOver="ShowTip(event, 'tt62', 'link140')"onMouseOut="HideTip('tt62')">mxGraph.isCellCloneable</a>. Value is “cloneable”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_DELETABLE"></a>STYLE_DELETABLE</h3><divclass=CBody><p>Defines the key for the deletable style. This specifies if a cell can be deleted. Possible values are 0 or 1. Default is 1. See <ahref="../view/mxGraph-js.html#mxGraph.isCellDeletable"class=LFunctionid=link141onMouseOver="ShowTip(event, 'tt63', 'link141')"onMouseOut="HideTip('tt63')">mxGraph.isCellDeletable</a>. Value is “deletable”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_SHAPE"></a>STYLE_SHAPE</h3><divclass=CBody><p>Defines the key for the shape. Possible values are all constants with a SHAPE-prefix or any newly defined shape names. Value is “shape”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_EDGE"></a>STYLE_EDGE</h3><divclass=CBody><p>Defines the key for the edge style. Possible values are the functions defined in <ahref="../view/mxEdgeStyle-js.html#mxEdgeStyle"class=LClassid=link142onMouseOver="ShowTip(event, 'tt64', 'link142')"onMouseOut="HideTip('tt64')">mxEdgeStyle</a>. Value is “edgeStyle”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_LOOP"></a>STYLE_LOOP</h3><divclass=CBody><p>Defines the key for the loop style. Possible values are the functions defined in <ahref="../view/mxEdgeStyle-js.html#mxEdgeStyle"class=LClassid=link143onMouseOver="ShowTip(event, 'tt64', 'link143')"onMouseOut="HideTip('tt64')">mxEdgeStyle</a>. Value is “loopStyle”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ROUTING_CENTER_X"></a>STYLE_ROUTING_CENTER_X</h3><divclass=CBody><p>Defines the key for the horizontal routing center. Possible values are between -0.5 and 0.5. This is the relative offset from the center used for connecting edges. The type of this value is numeric. Value is “routingCenterX”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.STYLE_ROUTING_CENTER_Y"></a>STYLE_ROUTING_CENTER_Y</h3><divclass=CBody><p>Defines the key for the vertical routing center. Possible values are between -0.5 and 0.5. This is the relative offset from the center used for connecting edges. The type of this value is numeric. Value is “routingCenterY”.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.FONT_BOLD"></a>FONT_BOLD</h3><divclass=CBody><p>Constant for bold fonts. Default is 1.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.FONT_ITALIC"></a>FONT_ITALIC</h3><divclass=CBody><p>Constant for italic fonts. Default is 2.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.FONT_UNDERLINE"></a>FONT_UNDERLINE</h3><divclass=CBody><p>Constant for underlined fonts. Default is 4.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_RECTANGLE"></a>SHAPE_RECTANGLE</h3><divclass=CBody><p>Name under which <ahref="../shape/mxRectangleShape-js.html#mxRectangleShape"class=LClassid=link144onMouseOver="ShowTip(event, 'tt3', 'link144')"onMouseOut="HideTip('tt3')">mxRectangleShape</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link145onMouseOver="ShowTip(event, 'tt4', 'link145')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is rectangle.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_ELLIPSE"></a>SHAPE_ELLIPSE</h3><divclass=CBody><p>Name under which <ahref="../shape/mxEllipse-js.html#mxEllipse"class=LClassid=link146onMouseOver="ShowTip(event, 'tt5', 'link146')"onMouseOut="HideTip('tt5')">mxEllipse</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link147onMouseOver="ShowTip(event, 'tt4', 'link147')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is ellipse.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_DOUBLE_ELLIPSE"></a>SHAPE_DOUBLE_ELLIPSE</h3><divclass=CBody><p>Name under which <ahref="../shape/mxDoubleEllipse-js.html#mxDoubleEllipse"class=LClassid=link148onMouseOver="ShowTip(event, 'tt6', 'link148')"onMouseOut="HideTip('tt6')">mxDoubleEllipse</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link149onMouseOver="ShowTip(event, 'tt4', 'link149')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is doubleEllipse.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_RHOMBUS"></a>SHAPE_RHOMBUS</h3><divclass=CBody><p>Name under which <ahref="../shape/mxRhombus-js.html#mxRhombus"class=LClassid=link150onMouseOver="ShowTip(event, 'tt7', 'link150')"onMouseOut="HideTip('tt7')">mxRhombus</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link151onMouseOver="ShowTip(event, 'tt4', 'link151')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is rhombus.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_LINE"></a>SHAPE_LINE</h3><divclass=CBody><p>Name under which <ahref="../shape/mxLine-js.html#mxLine"class=LClassid=link152onMouseOver="ShowTip(event, 'tt8', 'link152')"onMouseOut="HideTip('tt8')">mxLine</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link153onMouseOver="ShowTip(event, 'tt4', 'link153')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is line.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_IMAGE"></a>SHAPE_IMAGE</h3><divclass=CBody><p>Name under which <ahref="../shape/mxImageShape-js.html#mxImageShape"class=LClassid=link154onMouseOver="ShowTip(event, 'tt9', 'link154')"onMouseOut="HideTip('tt9')">mxImageShape</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link155onMouseOver="ShowTip(event, 'tt4', 'link155')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is image.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_ARROW"></a>SHAPE_ARROW</h3><divclass=CBody><p>Name under which <ahref="../shape/mxArrow-js.html#mxArrow"class=LClassid=link156onMouseOver="ShowTip(event, 'tt10', 'link156')"onMouseOut="HideTip('tt10')">mxArrow</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link157onMouseOver="ShowTip(event, 'tt4', 'link157')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is arrow.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_ARROW_CONNECTOR"></a>SHAPE_ARROW_CONNECTOR</h3><divclass=CBody><p>Name under which <ahref="../shape/mxArrowConnector-js.html#mxArrowConnector"class=LClassid=link158onMouseOver="ShowTip(event, 'tt11', 'link158')"onMouseOut="HideTip('tt11')">mxArrowConnector</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link159onMouseOver="ShowTip(event, 'tt4', 'link159')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is arrowConnector.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_LABEL"></a>SHAPE_LABEL</h3><divclass=CBody><p>Name under which <ahref="../shape/mxLabel-js.html#mxLabel"class=LClassid=link160onMouseOver="ShowTip(event, 'tt2', 'link160')"onMouseOut="HideTip('tt2')">mxLabel</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link161onMouseOver="ShowTip(event, 'tt4', 'link161')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is label.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_CYLINDER"></a>SHAPE_CYLINDER</h3><divclass=CBody><p>Name under which <ahref="../shape/mxCylinder-js.html#mxCylinder"class=LClassid=link162onMouseOver="ShowTip(event, 'tt12', 'link162')"onMouseOut="HideTip('tt12')">mxCylinder</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link163onMouseOver="ShowTip(event, 'tt4', 'link163')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is cylinder.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_SWIMLANE"></a>SHAPE_SWIMLANE</h3><divclass=CBody><p>Name under which <ahref="../shape/mxSwimlane-js.html#mxSwimlane"class=LClassid=link164onMouseOver="ShowTip(event, 'tt13', 'link164')"onMouseOut="HideTip('tt13')">mxSwimlane</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link165onMouseOver="ShowTip(event, 'tt4', 'link165')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is swimlane.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_CONNECTOR"></a>SHAPE_CONNECTOR</h3><divclass=CBody><p>Name under which <ahref="../shape/mxConnector-js.html#mxConnector"class=LClassid=link166onMouseOver="ShowTip(event, 'tt14', 'link166')"onMouseOut="HideTip('tt14')">mxConnector</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link167onMouseOver="ShowTip(event, 'tt4', 'link167')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is connector.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_ACTOR"></a>SHAPE_ACTOR</h3><divclass=CBody><p>Name under which <ahref="../shape/mxActor-js.html#mxActor"class=LClassid=link168onMouseOver="ShowTip(event, 'tt15', 'link168')"onMouseOut="HideTip('tt15')">mxActor</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link169onMouseOver="ShowTip(event, 'tt4', 'link169')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is actor.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_CLOUD"></a>SHAPE_CLOUD</h3><divclass=CBody><p>Name under which <ahref="../shape/mxCloud-js.html#mxCloud"class=LClassid=link170onMouseOver="ShowTip(event, 'tt16', 'link170')"onMouseOut="HideTip('tt16')">mxCloud</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link171onMouseOver="ShowTip(event, 'tt4', 'link171')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is cloud.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_TRIANGLE"></a>SHAPE_TRIANGLE</h3><divclass=CBody><p>Name under which <ahref="../shape/mxTriangle-js.html#mxTriangle"class=LClassid=link172onMouseOver="ShowTip(event, 'tt17', 'link172')"onMouseOut="HideTip('tt17')">mxTriangle</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link173onMouseOver="ShowTip(event, 'tt4', 'link173')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is triangle.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.SHAPE_HEXAGON"></a>SHAPE_HEXAGON</h3><divclass=CBody><p>Name under which <ahref="../shape/mxHexagon-js.html#mxHexagon"class=LClassid=link174onMouseOver="ShowTip(event, 'tt18', 'link174')"onMouseOut="HideTip('tt18')">mxHexagon</a> is registered in <ahref="../view/mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link175onMouseOver="ShowTip(event, 'tt4', 'link175')"onMouseOut="HideTip('tt4')">mxCellRenderer</a>. Default is hexagon.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ARROW_CLASSIC"></a>ARROW_CLASSIC</h3><divclass=CBody><p>Constant for classic arrow markers.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ARROW_BLOCK"></a>ARROW_BLOCK</h3><divclass=CBody><p>Constant for block arrow markers.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ARROW_OPEN"></a>ARROW_OPEN</h3><divclass=CBody><p>Constant for open arrow markers.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ARROW_OVAL"></a>ARROW_OVAL</h3><divclass=CBody><p>Constant for oval arrow markers.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ARROW_DIAMOND"></a>ARROW_DIAMOND</h3><divclass=CBody><p>Constant for diamond arrow markers.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ARROW_DIAMOND"></a>ARROW_DIAMOND</h3><divclass=CBody><p>Constant for diamond arrow markers.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ALIGN_LEFT"></a>ALIGN_LEFT</h3><divclass=CBody><p>Constant for left horizontal alignment. Default is left.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ALIGN_CENTER"></a>ALIGN_CENTER</h3><divclass=CBody><p>Constant for center horizontal alignment. Default is center.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ALIGN_RIGHT"></a>ALIGN_RIGHT</h3><divclass=CBody><p>Constant for right horizontal alignment. Default is right.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ALIGN_TOP"></a>ALIGN_TOP</h3><divclass=CBody><p>Constant for top vertical alignment. Default is top.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ALIGN_MIDDLE"></a>ALIGN_MIDDLE</h3><divclass=CBody><p>Constant for middle vertical alignment. Default is middle.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ALIGN_BOTTOM"></a>ALIGN_BOTTOM</h3><divclass=CBody><p>Constant for bottom vertical alignment. Default is bottom.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_NORTH"></a>DIRECTION_NORTH</h3><divclass=CBody><p>Constant for direction north. Default is north.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_SOUTH"></a>DIRECTION_SOUTH</h3><divclass=CBody><p>Constant for direction south. Default is south.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_EAST"></a>DIRECTION_EAST</h3><divclass=CBody><p>Constant for direction east. Default is east.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_WEST"></a>DIRECTION_WEST</h3><divclass=CBody><p>Constant for direction west. Default is west.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.TEXT_DIRECTION_DEFAULT"></a>TEXT_DIRECTION_DEFAULT</h3><divclass=CBody><p>Constant for text direction default. Default is an empty string. Use this value to use the default text direction of the operating system.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.TEXT_DIRECTION_AUTO"></a>TEXT_DIRECTION_AUTO</h3><divclass=CBody><p>Constant for text direction automatic. Default is auto. Use this value to find the direction for a given text with <ahref="../shape/mxText-js.html#mxText.getAutoDirection"class=LFunctionid=link176onMouseOver="ShowTip(event, 'tt65', 'link176')"onMouseOut="HideTip('tt65')">mxText.getAutoDirection</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.TEXT_DIRECTION_LTR"></a>TEXT_DIRECTION_LTR</h3><divclass=CBody><p>Constant for text direction left to right. Default is ltr. Use this value for left to right text direction.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.TEXT_DIRECTION_RTL"></a>TEXT_DIRECTION_RTL</h3><divclass=CBody><p>Constant for text direction right to left. Default is rtl. Use this value for right to left text direction.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_MASK_NONE"></a>DIRECTION_MASK_NONE</h3><divclass=CBody><p>Constant for no direction.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_MASK_WEST"></a>DIRECTION_MASK_WEST</h3><divclass=CBody><p>Bitwise mask for west direction.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_MASK_NORTH"></a>DIRECTION_MASK_NORTH</h3><divclass=CBody><p>Bitwise mask for north direction.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_MASK_SOUTH"></a>DIRECTION_MASK_SOUTH</h3><divclass=CBody><p>Bitwise mask for south direction.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_MASK_EAST"></a>DIRECTION_MASK_EAST</h3><divclass=CBody><p>Bitwise mask for east direction.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.DIRECTION_MASK_ALL"></a>DIRECTION_MASK_ALL</h3><divclass=CBody><p>Bitwise mask for all directions.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ELBOW_VERTICAL"></a>ELBOW_VERTICAL</h3><divclass=CBody><p>Constant for elbow vertical. Default is horizontal.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.ELBOW_HORIZONTAL"></a>ELBOW_HORIZONTAL</h3><divclass=CBody><p>Constant for elbow horizontal. Default is horizontal.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.EDGESTYLE_ELBOW"></a>EDGESTYLE_ELBOW</h3><divclass=CBody><p>Name of the elbow edge style. Can be used as a string value for the STYLE_EDGE style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.EDGESTYLE_ENTITY_RELATION"></a>EDGESTYLE_ENTITY_RELATION</h3><divclass=CBody><p>Name of the entity relation edge style. Can be used as a string value for the STYLE_EDGE style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.EDGESTYLE_LOOP"></a>EDGESTYLE_LOOP</h3><divclass=CBody><p>Name of the loop edge style. Can be used as a string value for the STYLE_EDGE style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.EDGESTYLE_SIDETOSIDE"></a>EDGESTYLE_SIDETOSIDE</h3><divclass=CBody><p>Name of the side to side edge style. Can be used as a string value for the STYLE_EDGE style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.EDGESTYLE_TOPTOBOTTOM"></a>EDGESTYLE_TOPTOBOTTOM</h3><divclass=CBody><p>Name of the top to bottom edge style. Can be used as a string value for the STYLE_EDGE style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.EDGESTYLE_ORTHOGONAL"></a>EDGESTYLE_ORTHOGONAL</h3><divclass=CBody><p>Name of the generic orthogonal edge style. Can be used as a string value for the STYLE_EDGE style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.EDGESTYLE_SEGMENT"></a>EDGESTYLE_SEGMENT</h3><divclass=CBody><p>Name of the generic segment edge style. Can be used as a string value for the STYLE_EDGE style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.PERIMETER_ELLIPSE"></a>PERIMETER_ELLIPSE</h3><divclass=CBody><p>Name of the ellipse perimeter. Can be used as a string value for the STYLE_PERIMETER style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.PERIMETER_RECTANGLE"></a>PERIMETER_RECTANGLE</h3><divclass=CBody><p>Name of the rectangle perimeter. Can be used as a string value for the STYLE_PERIMETER style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.PERIMETER_RHOMBUS"></a>PERIMETER_RHOMBUS</h3><divclass=CBody><p>Name of the rhombus perimeter. Can be used as a string value for the STYLE_PERIMETER style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.PERIMETER_HEXAGON"></a>PERIMETER_HEXAGON</h3><divclass=CBody><p>Name of the hexagon perimeter. Can be used as a string value for the STYLE_PERIMETER style.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxConstants.PERIMETER_TRIANGLE"></a>PERIMETER_TRIANGLE</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>PERIMETER_TRIANGLE: 'trianglePerimeter' }</td></tr></table></blockquote><p>Name of the triangle perimeter. Can be used as a string value for the STYLE_PERIMETER style.</p></div></div></div>
</div><!--Content-->
<divid=Footer><ahref="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<divclass=CToolTipid="tt1"><divclass=CVariable>Defines the key for the text direction style. </div></div><divclass=CToolTipid="tt2"><divclass=CClass>Extends mxShape to implement an image shape with a label. </div></div><divclass=CToolTipid="tt3"><divclass=CClass>Extends mxShape to implement a rectangle shape. </div></div><divclass=CToolTipid="tt4"><divclass=CClass>Renders cells into a document object model. </div></div><divclass=CToolTipid="tt5"><divclass=CClass>Extends mxShape to implement an ellipse shape. </div></div><divclass=CToolTipid="tt6"><divclass=CClass>Extends mxShape to implement a double ellipse shape. </div></div><divclass=CToolTipid="tt7"><divclass=CClass>Extends mxShape to implement a rhombus (aka diamond) shape. </div></div><divclass=CToolTipid="tt8"><divclass=CClass>Extends mxShape to implement a horizontal line shape. </div></div><divclass=CToolTipid="tt9"><divclass=CClass>Extends mxShape to implement an image shape. </div></div><divclass=CToolTipid="tt10"><divclass=CClass>Extends mxShape to implement an arrow shape. </div></div><divclass=CToolTipid="tt11"><divclass=CClass>Extends mxShape to implement an new rounded arrow shape with support for waypoints and double arrows. </div></div><divclass=CToolTipid="tt12"><divclass=CClass>Extends mxShape to implement an cylinder shape. </div></div><divclass=CToolTipid="tt13"><divclass=CClass>Extends mxShape to implement a swimlane shape. </div></div><divclass=CToolTipid="tt14"><divclass=CClass>Extends mxShape to implement a connector shape. </div></div><divclass=CToolTipid="tt15"><divclass=CClass>Extends mxShape to implement an actor shape. </div></div><divclass=CToolTipid="tt16"><divclass=CClass>Extends mxActor to implement a cloud shape.</div></div><divclass=CToolTipid="tt17"><divclass=CClass>Implementation of the triangle shape.</div></div><divclass=CToolTipid="tt18"><divclass=CClass>Implementation of the hexagon shape.</div></div><divclass=CToolTipid="tt19"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>PERIMETER_TRIANGLE: 'trianglePerimeter' }</td></tr></table></blockquote>Name of the triangle perimeter. </div></div><divclass=CToolTipid="tt20"><divclass=CClass>Graph event handler that reconnects edges and modifies control points and the edge label location. </div></div><divclass=CToolTipid="tt21"><divclass=CVariable>Defines the key for the segment style. </div></div><divclass=CToolTipid="tt22"><divclass=CClass>Provides various perimeter functions to be used in a style as the value of mxConstants.STYLE_PERIMETER. </div></div><divclass=CToolTipid="tt23"><divclass=CClass>Singleton class that acts as a global converter from string to object values in a style. </div></div><divclass=CToolTipid="tt24"><divclass=CVariable>Defines the default value for the STYLE_TEXT_DIRECTION if no value is defined for it in the style. </div></div><divclass=CToolTipid="tt25"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isLabelClipped = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if the overflow portion of labels should be hidden. </div></div><divclass=CToolTipid="tt26"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isOrthogonal = function(</td><tdclass=PParameternowrap>edge</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if perimeter points should be computed such that the resulting edge has only horizontal or vertical segments.</div></div><divclass=CToolTipid="tt27"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class=
