mxConstants

DEFAULT_HOTSPOT: 0.3

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.

MIN_HOTSPOT_SIZE: 8

Defines the minimum size in pixels of the portion of the cell which is to be used as a connectable region.  Default is 8.

MAX_HOTSPOT_SIZE: 0

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.

RENDERING_HINT_EXACT: 'exact'

Defines the exact rendering hint.

RENDERING_HINT_FASTER: 'faster'

Defines the faster rendering hint.

RENDERING_HINT_FASTEST: 'fastest'

Defines the fastest rendering hint.

DIALECT_SVG: 'svg'

Defines the SVG display dialect name.

DIALECT_VML: 'vml'

Defines the VML display dialect name.

DIALECT_MIXEDHTML: 'mixedHtml'

Defines the mixed HTML display dialect name.

DIALECT_PREFERHTML: 'preferHtml'

Defines the preferred HTML display dialect name.

DIALECT_STRICTHTML: 'strictHtml'

Defines the strict HTML display dialect.

NS_SVG: 'http://www.w3.org/2000/svg'

Defines the SVG namespace.

NS_XHTML: 'http://www.w3.org/1999/xhtml'

Defines the XHTML namespace.

NS_XLINK: 'http://www.w3.org/1999/xlink'

Defines the XLink namespace.

SHADOWCOLOR: 'gray'

Defines the color to be used to draw shadows in shapes and windows.  Default is gray.

VML_SHADOWCOLOR: 'gray'

Used for shadow color in filters where transparency is not supported (Microsoft Internet Explorer).  Default is gray.

SHADOW_OFFSET_X: 2

Specifies the x-offset of the shadow.  Default is 2.

SHADOW_OFFSET_Y: 3

Specifies the y-offset of the shadow.  Default is 3.

SHADOW_OPACITY: 1

Defines the opacity for shadows.  Default is 1.

NODETYPE_ELEMENT: 1

DOM node of type ELEMENT.

NODETYPE_ATTRIBUTE: 2

DOM node of type ATTRIBUTE.

NODETYPE_TEXT: 3

DOM node of type TEXT.

NODETYPE_CDATA: 4

DOM node of type CDATA.

NODETYPE_ENTITY_REFERENCE: 5

DOM node of type ENTITY_REFERENCE.

NODETYPE_ENTITY: 6

DOM node of type ENTITY.

NODETYPE_PROCESSING_INSTRUCTION: 7

DOM node of type PROCESSING_INSTRUCTION.

NODETYPE_COMMENT: 8

DOM node of type COMMENT.

NODETYPE_DOCUMENT: 9

DOM node of type DOCUMENT.

NODETYPE_DOCUMENTTYPE: 10

DOM node of type DOCUMENTTYPE.

NODETYPE_DOCUMENT_FRAGMENT: 11

DOM node of type DOCUMENT_FRAGMENT.

NODETYPE_NOTATION: 12

DOM node of type NOTATION.

TOOLTIP_VERTICAL_OFFSET: 16

Defines the vertical offset for the tooltip.  Default is 16.

DEFAULT_VALID_COLOR: '#00FF00'

Specifies the default valid color.  Default is #0000FF.

DEFAULT_INVALID_COLOR: '#FF0000'

Specifies the default invalid color.  Default is #FF0000.

OUTLINE_HIGHLIGHT_COLOR: '#00FF00'

Specifies the default highlight color for shape outlines.  Default is #0000FF.  This is used in mxEdgeHandler.

Defines the strokewidth to be used for shape outlines.  Default is 5.  This is used in mxEdgeHandler.

HIGHLIGHT_STROKEWIDTH: 3

Defines the strokewidth to be used for the highlights.  Default is 3.

Size of the constraint highlight (in px).  Default is 2.

HIGHLIGHT_OPACITY: 100

Opacity (in %) used for the highlights (including outline).  Default is 100.

CURSOR_MOVABLE_VERTEX: 'move'

Defines the cursor for a movable vertex.  Default is ‘move’.

CURSOR_MOVABLE_EDGE: 'move'

Defines the cursor for a movable edge.  Default is ‘move’.

CURSOR_LABEL_HANDLE: 'default'

Defines the cursor for a movable label.  Default is ‘default’.

CURSOR_TERMINAL_HANDLE: 'pointer'

Defines the cursor for a terminal handle.  Default is ‘pointer’.

CURSOR_BEND_HANDLE: 'crosshair'

Defines the cursor for a movable bend.  Default is ‘crosshair’.

CURSOR_VIRTUAL_BEND_HANDLE: 'crosshair'

Defines the cursor for a movable bend.  Default is ‘crosshair’.

CURSOR_CONNECT: 'pointer'

Defines the cursor for a connectable state.  Default is ‘pointer’.

HIGHLIGHT_COLOR: '#00FF00'

Defines the color to be used for the cell highlighting.  Use ‘none’ for no color.  Default is #00FF00.

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.

INVALID_CONNECT_TARGET_COLOR: '#FF0000'

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.

DROP_TARGET_COLOR: '#0000FF'

Defines the color to be used for the highlighting target parent cells (for drag and drop).  Use ‘none’ for no color.  Default is #0000FF.

VALID_COLOR: '#00FF00'

Defines the color to be used for the coloring valid connection previews.  Use ‘none’ for no color.  Default is #FF0000.

INVALID_COLOR: '#FF0000'

Defines the color to be used for the coloring invalid connection previews.  Use ‘none’ for no color.  Default is #FF0000.

EDGE_SELECTION_COLOR: '#00FF00'

Defines the color to be used for the selection border of edges.  Use ‘none’ for no color.  Default is #00FF00.

VERTEX_SELECTION_COLOR: '#00FF00'

Defines the color to be used for the selection border of vertices.  Use ‘none’ for no color.  Default is #00FF00.

VERTEX_SELECTION_STROKEWIDTH: 1

Defines the strokewidth to be used for vertex selections.  Default is 1.

EDGE_SELECTION_STROKEWIDTH: 1

Defines the strokewidth to be used for edge selections.  Default is 1.

VERTEX_SELECTION_DASHED: true

Defines the dashed state to be used for the vertex selection border.  Default is true.

EDGE_SELECTION_DASHED: true

Defines the dashed state to be used for the edge selection border.  Default is true.

GUIDE_COLOR: '#FF0000'

Defines the color to be used for the guidelines in mxGraphHandler.  Default is #FF0000.

GUIDE_STROKEWIDTH: 1

Defines the strokewidth to be used for the guidelines in mxGraphHandler.  Default is 1.

OUTLINE_COLOR: '#0099FF'

Defines the color to be used for the outline rectangle border.  Use ‘none’ for no color.  Default is #0099FF.

OUTLINE_STROKEWIDTH: ( mxClient.IS_IE ) ? 2 : 3

Defines the strokewidth to be used for the outline rectangle stroke width.  Default is 3.

HANDLE_SIZE: 6

Defines the default size for handles.  Default is 6.

LABEL_HANDLE_SIZE: 4

Defines the default size for label handles.  Default is 4.

HANDLE_FILLCOLOR: '#00FF00'

Defines the color to be used for the handle fill color.  Use ‘none’ for no color.  Default is #00FF00 (green).

HANDLE_STROKECOLOR: 'black'

Defines the color to be used for the handle stroke color.  Use ‘none’ for no color.  Default is black.

LABEL_HANDLE_FILLCOLOR: 'yellow'

Defines the color to be used for the label handle fill color.  Use ‘none’ for no color.  Default is yellow.

CONNECT_HANDLE_FILLCOLOR: '#0000FF'

Defines the color to be used for the connect handle fill color.  Use ‘none’ for no color.  Default is #0000FF (blue).

LOCKED_HANDLE_FILLCOLOR: '#FF0000'

Defines the color to be used for the locked handle fill color.  Use ‘none’ for no color.  Default is #FF0000 (red).

OUTLINE_HANDLE_FILLCOLOR: '#00FFFF'

Defines the color to be used for the outline sizer fill color.  Use ‘none’ for no color.  Default is #00FFFF.

OUTLINE_HANDLE_STROKECOLOR: '#0033FF'

Defines the color to be used for the outline sizer stroke color.  Use ‘none’ for no color.  Default is #0033FF.

DEFAULT_FONTFAMILY: 'Arial

Defines the default family for all fonts.  Default is Arial,Helvetica.

DEFAULT_FONTSIZE: 11

Defines the default size (in px).  Default is 11.

DEFAULT_TEXT_DIRECTION: ''

Defines the default value for the STYLE_TEXT_DIRECTION 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.

LINE_HEIGHT: 1.2

Defines the default line height for text labels.  Default is 1.2.

WORD_WRAP: 'normal'

Defines the CSS value for the word-wrap property.  Default is “normal”.  Change this to “break-word” to allow long words to be able to be broken and wrap onto the next line.

ABSOLUTE_LINE_HEIGHT: false

Specifies if absolute line heights should be used (px) in CSS.  Default is false.  Set this to true for backwards compatibility.

DEFAULT_FONTSTYLE: 0

Defines the default style for all fonts.  Default is 0.  This can be set to any combination of font styles as follows.

mxConstants.DEFAULT_FONTSTYLE = mxConstants.FONT_BOLD | mxConstants.FONT_ITALIC;

DEFAULT_STARTSIZE: 40

Defines the default start size for swimlanes.  Default is 40.

DEFAULT_MARKERSIZE: 6

Defines the default size for all markers.  Default is 6.

DEFAULT_IMAGESIZE: 24

Defines the default width and height for images used in the label shape.  Default is 24.

ENTITY_SEGMENT: 30

Defines the length of the horizontal segment of an Entity Relation.  This can be overridden using mxConstants.STYLE_SEGMENT style.  Default is 30.

RECTANGLE_ROUNDING_FACTOR: 0.15

Defines the rounding factor for rounded rectangles in percent between 0 and 1.  Values should be smaller than 0.5.  Default is 0.15.

LINE_ARCSIZE: 20

Defines the size of the arcs for rounded edges.  Default is 20.

ARROW_SPACING: 0

Defines the spacing between the arrow shape and its terminals.  Default is 0.

ARROW_WIDTH: 30

Defines the width of the arrow shape.  Default is 30.

ARROW_SIZE: 30

Defines the size of the arrowhead in the arrow shape.  Default is 30.

PAGE_FORMAT_A4_PORTRAIT: new mxRectangle( 0, 0, 827, 1169 )

Defines the rectangle for the A4 portrait page format.  The dimensions of this page format are 826x1169 pixels.

Defines the rectangle for the A4 portrait page format.  The dimensions of this page format are 826x1169 pixels.

PAGE_FORMAT_LETTER_PORTRAIT: new mxRectangle( 0, 0, 850, 1100 )

Defines the rectangle for the Letter portrait page format.  The dimensions of this page format are 850x1100 pixels.

Defines the rectangle for the Letter portrait page format.  The dimensions of this page format are 850x1100 pixels.

NONE: 'none'

Defines the value for none.  Default is “none”.

STYLE_PERIMETER: 'perimeter'

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 mxPerimeter.  Alternatively, the constants in this class that start with “PERIMETER_” may be used to access perimeter styles in mxStyleRegistry.  Value is “perimeter”.

STYLE_SOURCE_PORT: 'sourcePort'

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”.

STYLE_TARGET_PORT: 'targetPort'

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”.

STYLE_PORT_CONSTRAINT: 'portConstraint'

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”.

STYLE_PORT_CONSTRAINT_ROTATION: 'portConstraintRotation'

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”.

STYLE_SOURCE_PORT_CONSTRAINT: 'sourcePortConstraint'

Defines the direction(s) that edges are allowed to connect to sources in.  Possible values are “DIRECTION_NORTH, DIRECTION_SOUTH, DIRECTION_EAST” and “DIRECTION_WEST”.  Value is “sourcePortConstraint”.

STYLE_TARGET_PORT_CONSTRAINT: 'targetPortConstraint'

Defines the direction(s) that edges are allowed to connect to targets in.  Possible values are “DIRECTION_NORTH, DIRECTION_SOUTH, DIRECTION_EAST” and “DIRECTION_WEST”.  Value is “targetPortConstraint”.

STYLE_OPACITY: 'opacity'

Defines the key for the opacity style.  The type of the value is numeric and the possible range is 0-100.  Value is “opacity”.

STYLE_FILL_OPACITY: 'fillOpacity'

Defines the key for the fill opacity style.  The type of the value is numeric and the possible range is 0-100.  Value is “fillOpacity”.

STYLE_STROKE_OPACITY: 'strokeOpacity'

Defines the key for the stroke opacity style.  The type of the value is numeric and the possible range is 0-100.  Value is “strokeOpacity”.

STYLE_TEXT_OPACITY: 'textOpacity'

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”.

STYLE_TEXT_DIRECTION: 'textDirection'

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 DEFAULT_TEXT_DIRECTION.  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.

STYLE_OVERFLOW: 'overflow'

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 mxGraph.isLabelClipped.  Note that the vertical alignment is ignored for overflow fill and for horizontal alignment, left should be used to avoid pixel offsets in Internet Explorer 11 and earlier or if foreignObjects are disabled.  Value is “overflow”.

STYLE_ORTHOGONAL: 'orthogonal'

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 mxGraph.isOrthogonal, which also returns true if the edgeStyle of the edge is an elbow or entity.  Value is “orthogonal”.

STYLE_EXIT_X: 'exitX'

Defines the key for the horizontal relative coordinate connection point of an edge with its source terminal.  Value is “exitX”.

STYLE_EXIT_Y: 'exitY'

Defines the key for the vertical relative coordinate connection point of an edge with its source terminal.  Value is “exitY”.

STYLE_EXIT_DX: 'exitDx'

Defines the key for the horizontal offset of the connection point of an edge with its source terminal.  Value is “exitDx”.

STYLE_EXIT_DY: 'exitDy'

Defines the key for the vertical offset of the connection point of an edge with its source terminal.  Value is “exitDy”.

STYLE_EXIT_PERIMETER: 'exitPerimeter'

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”.

STYLE_ENTRY_X: 'entryX'

Defines the key for the horizontal relative coordinate connection point of an edge with its target terminal.  Value is “entryX”.

STYLE_ENTRY_Y: 'entryY'

Defines the key for the vertical relative coordinate connection point of an edge with its target terminal.  Value is “entryY”.

STYLE_ENTRY_DX: 'entryDx'

Defines the key for the horizontal offset of the connection point of an edge with its target terminal.  Value is “entryDx”.

STYLE_ENTRY_DY: 'entryDy'

Defines the key for the vertical offset of the connection point of an edge with its target terminal.  Value is “entryDy”.

STYLE_ENTRY_PERIMETER: 'entryPerimeter'

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”.

STYLE_WHITE_SPACE: 'whiteSpace'

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 mxGraph.isWrapping.  Value is “whiteSpace”.

STYLE_ROTATION: 'rotation'

Defines the key for the rotation style.  The type of the value is numeric and the possible range is 0-360.  Value is “rotation”.

STYLE_FILLCOLOR: 'fillColor'

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”.

STYLE_POINTER_EVENTS: 'pointerEvents'

Specifies if pointer events should be fired on transparent backgrounds.  This style is currently only supported in mxRectangleShape.  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.

STYLE_SWIMLANE_FILLCOLOR: 'swimlaneFillColor'

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”.

STYLE_MARGIN: 'margin'

Defines the key for the margin between the ellipses in the double ellipse shape.  Possible values are all positive numbers.  Value is “margin”.

STYLE_GRADIENTCOLOR: 'gradientColor'

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”.

STYLE_GRADIENT_DIRECTION: 'gradientDirection'

Defines the key for the gradient direction.  Possible values are DIRECTION_EAST, DIRECTION_WEST, DIRECTION_NORTH and DIRECTION_SOUTH.  Default is DIRECTION_SOUTH.  Generally, and by default in mxGraph, gradient painting is done from the value of STYLE_FILLCOLOR to the value of STYLE_GRADIENTCOLOR.  Taking the example of DIRECTION_NORTH, this means STYLE_FILLCOLOR color at the bottom of paint pattern and STYLE_GRADIENTCOLOR at top, with a gradient in-between.  Value is “gradientDirection”.

STYLE_STROKECOLOR: 'strokeColor'

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”.

STYLE_SEPARATORCOLOR: 'separatorColor'

Defines the key for the separatorColor style.  Possible values are all HTML color names or HEX codes.  This style is only used for SHAPE_SWIMLANE shapes.  Value is “separatorColor”.

STYLE_STROKEWIDTH: 'strokeWidth'

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”.

STYLE_ALIGN: 'align'

Defines the key for the align style.  Possible values are ALIGN_LEFT, ALIGN_CENTER and ALIGN_RIGHT.  This value defines how the lines of the label are horizontally aligned.  ALIGN_LEFT mean label text lines are aligned to left of the label bounds, ALIGN_RIGHT to the right of the label bounds and ALIGN_CENTER 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 STYLE_LABEL_POSITION.  Value is “align”.

STYLE_VERTICAL_ALIGN: 'verticalAlign'

Defines the key for the verticalAlign style.  Possible values are ALIGN_TOP, ALIGN_MIDDLE and ALIGN_BOTTOM.  This value defines how the lines of the label are vertically aligned.  ALIGN_TOP means the topmost label text line is aligned against the top of the label bounds, ALIGN_BOTTOM means the bottom-most label text line is aligned against the bottom of the label bounds and ALIGN_MIDDLE 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 STYLE_VERTICAL_LABEL_POSITION.  Value is “verticalAlign”.

STYLE_LABEL_WIDTH: 'labelWidth'

Defines the key for the width of the label if the label position is not center.  Value is “labelWidth”.

STYLE_LABEL_POSITION: 'labelPosition'

Defines the key for the horizontal label position of vertices.  Possible values are ALIGN_LEFT, ALIGN_CENTER and ALIGN_RIGHT.  Default is ALIGN_CENTER.  The label align defines the position of the label relative to the cell.  ALIGN_LEFT means the entire label bounds is placed completely just to the left of the vertex, ALIGN_RIGHT means adjust to the right and ALIGN_CENTER 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 STYLE_ALIGN.  Value is “labelPosition”.

STYLE_VERTICAL_LABEL_POSITION: 'verticalLabelPosition'

Defines the key for the vertical label position of vertices.  Possible values are ALIGN_TOP, ALIGN_BOTTOM and ALIGN_MIDDLE.  Default is ALIGN_MIDDLE.  The label align defines the position of the label relative to the cell.  ALIGN_TOP means the entire label bounds is placed completely just on the top of the vertex, ALIGN_BOTTOM means adjust on the bottom and ALIGN_MIDDLE 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 STYLE_VERTICAL_ALIGN.  Value is “verticalLabelPosition”.

STYLE_IMAGE_ASPECT: 'imageAspect'

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 mxImageShape.  Default is 1.  Value is “imageAspect”.

STYLE_IMAGE_ALIGN: 'imageAlign'

Defines the key for the align style.  Possible values are ALIGN_LEFT, ALIGN_CENTER and ALIGN_RIGHT.  The value defines how any image in the vertex label is aligned horizontally within the label bounds of a SHAPE_LABEL shape.  Value is “imageAlign”.

STYLE_IMAGE_VERTICAL_ALIGN: 'imageVerticalAlign'

Defines the key for the verticalAlign style.  Possible values are ALIGN_TOP, ALIGN_MIDDLE and ALIGN_BOTTOM.  The value defines how any image in the vertex label is aligned vertically within the label bounds of a SHAPE_LABEL shape.  Value is “imageVerticalAlign”.

STYLE_GLASS: 'glass'

Defines the key for the glass style.  Possible values are 0 (disabled) and 1(enabled).  The default value is 0.  This is used in mxLabel.  Value is “glass”.

STYLE_IMAGE: 'image'

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 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”.

STYLE_IMAGE_WIDTH: 'imageWidth'

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”.

STYLE_IMAGE_HEIGHT: 'imageHeight'

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”.

STYLE_IMAGE_BACKGROUND: 'imageBackground'

Defines the key for the image background color.  This style is only used in mxImageShape.  Possible values are all HTML color names or HEX codes.  Value is “imageBackground”.

STYLE_IMAGE_BORDER: 'imageBorder'

Defines the key for the image border color.  This style is only used in mxImageShape.  Possible values are all HTML color names or HEX codes.  Value is “imageBorder”.

STYLE_FLIPH: 'flipH'

Defines the key for the horizontal image flip.  This style is only used in mxImageShape.  Possible values are 0 and 1.  Default is 0.  Value is “flipH”.

STYLE_FLIPV: 'flipV'

Defines the key for the vertical flip.  Possible values are 0 and 1.  Default is 0.  Value is “flipV”.

STYLE_NOLABEL: 'noLabel'

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”.

STYLE_NOEDGESTYLE: 'noEdgeStyle'

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”.

STYLE_LABEL_BACKGROUNDCOLOR: 'labelBackgroundColor'

Defines the key for the label background color.  Possible values are all HTML color names or HEX codes.  Value is “labelBackgroundColor”.

STYLE_LABEL_BORDERCOLOR: 'labelBorderColor'

Defines the key for the label border color.  Possible values are all HTML color names or HEX codes.  Value is “labelBorderColor”.

STYLE_LABEL_PADDING: 'labelPadding'

Defines the key for the label padding, ie. the space between the label border and the label.  Value is “labelPadding”.

STYLE_INDICATOR_SHAPE: 'indicatorShape'

Defines the key for the indicator shape used within an mxLabel.  Possible values are all SHAPE_* constants or the names of any new shapes.  The indicatorShape has precedence over the indicatorImage.  Value is “indicatorShape”.

STYLE_INDICATOR_IMAGE: 'indicatorImage'

Defines the key for the indicator image used within an mxLabel.  Possible values are all image URLs.  The indicatorShape has precedence over the indicatorImage.  Value is “indicatorImage”.

STYLE_INDICATOR_COLOR: 'indicatorColor'

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”.

STYLE_INDICATOR_STROKECOLOR: 'indicatorStrokeColor'

Defines the key for the indicator stroke color in mxLabel.  Possible values are all color codes.  Value is “indicatorStrokeColor”.

STYLE_INDICATOR_GRADIENTCOLOR: 'indicatorGradientColor'

Defines the key for the indicatorGradientColor style.  Possible values are all HTML color names or HEX codes.  This style is only supported in SHAPE_LABEL shapes.  Value is “indicatorGradientColor”.

STYLE_INDICATOR_SPACING: 'indicatorSpacing'

The defines the key for the spacing between the label and the indicator in mxLabel.  Possible values are in pixels.  Value is “indicatorSpacing”.

STYLE_INDICATOR_WIDTH: 'indicatorWidth'

Defines the key for the indicator width.  Possible values start at 0 (in pixels).  Value is “indicatorWidth”.

STYLE_INDICATOR_HEIGHT: 'indicatorHeight'

Defines the key for the indicator height.  Possible values start at 0 (in pixels).  Value is “indicatorHeight”.

STYLE_INDICATOR_DIRECTION: 'indicatorDirection'

Defines the key for the indicatorDirection style.  The direction style is used to specify the direction of certain shapes (eg.  mxTriangle).  Possible values are DIRECTION_EAST (default), DIRECTION_WEST, DIRECTION_NORTH and DIRECTION_SOUTH.  Value is “indicatorDirection”.

STYLE_SHADOW: 'shadow'

Defines the key for the shadow style.  The type of the value is Boolean.  Value is “shadow”.

STYLE_SEGMENT: 'segment'

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”.

STYLE_ENDARROW: 'endArrow'

Defines the key for the end arrow marker.  Possible values are all constants with an ARROW-prefix.  This is only used in mxConnector.  Value is “endArrow”.

Example

style[mxConstants.STYLE_ENDARROW] = mxConstants.ARROW_CLASSIC;

STYLE_STARTARROW: 'startArrow'

Defines the key for the start arrow marker.  Possible values are all constants with an ARROW-prefix.  This is only used in mxConnector.  See STYLE_ENDARROW.  Value is “startArrow”.

STYLE_ENDSIZE: 'endSize'

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”.

STYLE_STARTSIZE: 'startSize'

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”.

STYLE_SWIMLANE_LINE: 'swimlaneLine'

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”.

STYLE_ENDFILL: 'endFill'

Defines the key for the endFill style.  Use 0 for no fill or 1 (default) for fill.  (This style is only exported via mxImageExport.)  Value is “endFill”.

STYLE_STARTFILL: 'startFill'

Defines the key for the startFill style.  Use 0 for no fill or 1 (default) for fill.  (This style is only exported via mxImageExport.)  Value is “startFill”.

STYLE_DASHED: 'dashed'

Defines the key for the dashed style.  Use 0 (default) for non-dashed or 1 for dashed.  Value is “dashed”.

STYLE_FIX_DASH: 'fixDash'

Defines the key for the fixDash style.  Use 0 (default) for dash patterns that depend on the linewidth and 1 for dash patterns that ignore the line width.  Value is “fixDash”.

STYLE_ROUNDED: 'rounded'

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”.

STYLE_CURVED: 'curved'

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”.

STYLE_ARCSIZE: 'arcSize'

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 mxImageExport.)  Value is “arcSize”.

STYLE_ABSOLUTE_ARCSIZE: 'absoluteArcSize'

Defines the key for the absolute arc size style.  This specifies if arcSize for rectangles is abolute or relative.  Possible values are 1 and 0 (default).  Value is “absoluteArcSize”.

STYLE_SOURCE_PERIMETER_SPACING: 'sourcePerimeterSpacing'

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”.

STYLE_TARGET_PERIMETER_SPACING: 'targetPerimeterSpacing'

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”.

STYLE_PERIMETER_SPACING: 'perimeterSpacing'

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”.

STYLE_SPACING: 'spacing'

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”.

STYLE_SPACING_TOP: 'spacingTop'

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”.

STYLE_SPACING_LEFT: 'spacingLeft'

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”.

STYLE_SPACING_BOTTOM: 'spacingBottom'

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”.

STYLE_SPACING_RIGHT: 'spacingRight'

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”.

STYLE_HORIZONTAL: 'horizontal'

Defines the key for the horizontal style.  Possible values are true or false.  This value only applies to vertices.  If the STYLE_SHAPE 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”.

STYLE_DIRECTION: 'direction'

Defines the key for the direction style.  The direction style is used to specify the direction of certain shapes (eg.  mxTriangle).  Possible values are DIRECTION_EAST (default), DIRECTION_WEST, DIRECTION_NORTH and DIRECTION_SOUTH.  Value is “direction”.

STYLE_ANCHOR_POINT_DIRECTION: 'anchorPointDirection'

Defines the key for the anchorPointDirection style.  The defines if the direction style should be taken into account when computing the fixed point location for connected edges.  Default is 1 (yes).  Set this to 0 to ignore the direction style for fixed connection points.  Value is “anchorPointDirection”.

STYLE_ELBOW: 'elbow'

Defines the key for the elbow style.  Possible values are ELBOW_HORIZONTAL and ELBOW_VERTICAL.  Default is ELBOW_HORIZONTAL.  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”.

STYLE_FONTCOLOR: 'fontColor'

Defines the key for the fontColor style.  Possible values are all HTML color names or HEX codes.  Value is “fontColor”.

STYLE_FONTFAMILY: 'fontFamily'

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.

STYLE_FONTSIZE: 'fontSize'

Defines the key for the fontSize style (in px).  The type of the value is int.  Value is “fontSize”.

STYLE_FONTSTYLE: 'fontStyle'

Defines the key for the fontStyle style.  Values may be any logical AND (sum) of FONT_BOLD, FONT_ITALIC and FONT_UNDERLINE.  The type of the value is int.  Value is “fontStyle”.

STYLE_ASPECT: 'aspect'

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”.

STYLE_AUTOSIZE: 'autosize'

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 mxGraph.isAutoSizeCell.  This is normally combined with STYLE_RESIZABLE to disable manual sizing.  Value is “autosize”.

STYLE_FOLDABLE: 'foldable'

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 mxGraph.isCellFoldable.  Value is “foldable”.

STYLE_EDITABLE: 'editable'

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 mxGraph.isCellEditable.  Value is “editable”.

STYLE_BACKGROUND_OUTLINE: 'backgroundOutline'

Defines the key for the backgroundOutline style.  This specifies if a only the background of a cell should be painted when it is highlighted.  Possible values are 0 or 1.  Default is 0.  Value is “backgroundOutline”.

STYLE_BENDABLE: 'bendable'

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 mxGraph.isCellBendable.  Value is “bendable”.

STYLE_MOVABLE: 'movable'

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 mxGraph.isCellMovable.  Value is “movable”.

STYLE_RESIZABLE: 'resizable'

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 mxGraph.isCellResizable.  Value is “resizable”.

STYLE_RESIZE_WIDTH: 'resizeWidth'

Defines the key for the resizeWidth style.  This specifies if a cell’s width is resized if the parent is resized.  If this is 1 then the width will be resized even if the cell’s geometry is relative.  If this is 0 then the cell’s width will not be resized.  Default is not defined.  Value is “resizeWidth”.

Defines the key for the resizeHeight style.  This specifies if a cell’s height if resize if the parent is resized.  If this is 1 then the height will be resized even if the cell’s geometry is relative.  If this is 0 then the cell’s height will not be resized.  Default is not defined.  Value is “resizeHeight”.

STYLE_ROTATABLE: 'rotatable'

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 mxGraph.isCellRotatable.  Value is “rotatable”.

STYLE_CLONEABLE: 'cloneable'

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 mxGraph.isCellCloneable.  Value is “cloneable”.

STYLE_DELETABLE: 'deletable'

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 mxGraph.isCellDeletable.  Value is “deletable”.

STYLE_SHAPE: 'shape'

Defines the key for the shape.  Possible values are all constants with a SHAPE-prefix or any newly defined shape names.  Value is “shape”.

STYLE_EDGE: 'edgeStyle'

Defines the key for the edge style.  Possible values are the functions defined in mxEdgeStyle.  Value is “edgeStyle”.

STYLE_JETTY_SIZE: 'jettySize'

Defines the key for the jetty size in mxEdgeStyle.OrthConnector.  Default is 10.  Possible values are all numeric values or “auto”.  Jetty size is the minimum length of the orthogonal segment before it attaches to a shape.  Value is “jettySize”.

STYLE_SOURCE_JETTY_SIZE: 'sourceJettySize'

Defines the key for the jetty size in mxEdgeStyle.OrthConnector.  Default is 10.  Possible values are numeric values or “auto”.  This has precedence over STYLE_JETTY_SIZE.  Value is “sourceJettySize”.

STYLE_TARGET_JETTY_SIZE: 'targetJettySize'

Defines the key for the jetty size in mxEdgeStyle.OrthConnector.  Default is 10.  Possible values are numeric values or “auto”.  This has precedence over STYLE_JETTY_SIZE.  Value is “targetJettySize”.

STYLE_LOOP: 'loopStyle'

Defines the key for the loop style.  Possible values are the functions defined in mxEdgeStyle.  Value is “loopStyle”.  Default is <mxGraph.defaultLoopStylean>.

STYLE_ORTHOGONAL_LOOP: 'orthogonalLoop'

Defines the key for the orthogonal loop style.  Possible values are 0 and 1.  Default is 0.  Value is “orthogonalLoop”.  Use this style to specify if loops with no waypoints and defined anchor points should be routed using STYLE_LOOP or not routed.

STYLE_ROUTING_CENTER_X: 'routingCenterX'

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”.

STYLE_ROUTING_CENTER_Y: 'routingCenterY'

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”.

FONT_BOLD: 1

Constant for bold fonts.  Default is 1.

FONT_ITALIC: 2

Constant for italic fonts.  Default is 2.

FONT_UNDERLINE: 4

Constant for underlined fonts.  Default is 4.

SHAPE_RECTANGLE: 'rectangle'

Name under which mxRectangleShape is registered in mxCellRenderer.  Default is rectangle.

SHAPE_ELLIPSE: 'ellipse'

Name under which mxEllipse is registered in mxCellRenderer.  Default is ellipse.

SHAPE_DOUBLE_ELLIPSE: 'doubleEllipse'

Name under which mxDoubleEllipse is registered in mxCellRenderer.  Default is doubleEllipse.

SHAPE_RHOMBUS: 'rhombus'

Name under which mxRhombus is registered in mxCellRenderer.  Default is rhombus.

SHAPE_LINE: 'line'

Name under which mxLine is registered in mxCellRenderer.  Default is line.

SHAPE_IMAGE: 'image'

Name under which mxImageShape is registered in mxCellRenderer.  Default is image.

SHAPE_ARROW: 'arrow'

Name under which mxArrow is registered in mxCellRenderer.  Default is arrow.

SHAPE_ARROW_CONNECTOR: 'arrowConnector'

Name under which mxArrowConnector is registered in mxCellRenderer.  Default is arrowConnector.

SHAPE_LABEL: 'label'

Name under which mxLabel is registered in mxCellRenderer.  Default is label.

SHAPE_CYLINDER: 'cylinder'

Name under which mxCylinder is registered in mxCellRenderer.  Default is cylinder.

SHAPE_SWIMLANE: 'swimlane'

Name under which mxSwimlane is registered in mxCellRenderer.  Default is swimlane.

SHAPE_CONNECTOR: 'connector'

Name under which mxConnector is registered in mxCellRenderer.  Default is connector.

SHAPE_ACTOR: 'actor'

Name under which mxActor is registered in mxCellRenderer.  Default is actor.

SHAPE_CLOUD: 'cloud'

Name under which mxCloud is registered in mxCellRenderer.  Default is cloud.

SHAPE_TRIANGLE: 'triangle'

Name under which mxTriangle is registered in mxCellRenderer.  Default is triangle.

SHAPE_HEXAGON: 'hexagon'

Name under which mxHexagon is registered in mxCellRenderer.  Default is hexagon.

ARROW_CLASSIC: 'classic'

Constant for classic arrow markers.

ARROW_CLASSIC_THIN: 'classicThin'

Constant for thin classic arrow markers.

ARROW_BLOCK: 'block'

Constant for block arrow markers.

ARROW_BLOCK_THIN: 'blockThin'

Constant for thin block arrow markers.

ARROW_OPEN: 'open'

Constant for open arrow markers.

ARROW_OPEN_THIN: 'openThin'

Constant for thin open arrow markers.

ARROW_OVAL: 'oval'

Constant for oval arrow markers.

ARROW_DIAMOND: 'diamond'

Constant for diamond arrow markers.

ARROW_DIAMOND_THIN: 'diamondThin'

Constant for thin diamond arrow markers.

ALIGN_LEFT: 'left'

Constant for left horizontal alignment.  Default is left.

ALIGN_CENTER: 'center'

Constant for center horizontal alignment.  Default is center.

ALIGN_RIGHT: 'right'

Constant for right horizontal alignment.  Default is right.

ALIGN_TOP: 'top'

Constant for top vertical alignment.  Default is top.

ALIGN_MIDDLE: 'middle'

Constant for middle vertical alignment.  Default is middle.

ALIGN_BOTTOM: 'bottom'

Constant for bottom vertical alignment.  Default is bottom.

DIRECTION_NORTH: 'north'

Constant for direction north.  Default is north.

DIRECTION_SOUTH: 'south'

Constant for direction south.  Default is south.

DIRECTION_EAST: 'east'

Constant for direction east.  Default is east.

DIRECTION_WEST: 'west'

Constant for direction west.  Default is west.

TEXT_DIRECTION_DEFAULT: ''

Constant for text direction default.  Default is an empty string.  Use this value to use the default text direction of the operating system.

TEXT_DIRECTION_AUTO: 'auto'

Constant for text direction automatic.  Default is auto.  Use this value to find the direction for a given text with mxText.getAutoDirection.

TEXT_DIRECTION_LTR: 'ltr'

Constant for text direction left to right.  Default is ltr.  Use this value for left to right text direction.

TEXT_DIRECTION_RTL: 'rtl'

Constant for text direction right to left.  Default is rtl.  Use this value for right to left text direction.

DIRECTION_MASK_NONE: 0

Constant for no direction.

DIRECTION_MASK_WEST: 1

Bitwise mask for west direction.

DIRECTION_MASK_NORTH: 2

Bitwise mask for north direction.

DIRECTION_MASK_SOUTH: 4

Bitwise mask for south direction.

DIRECTION_MASK_EAST: 8

Bitwise mask for east direction.

DIRECTION_MASK_ALL: 15

Bitwise mask for all directions.

ELBOW_VERTICAL: 'vertical'

Constant for elbow vertical.  Default is horizontal.

ELBOW_HORIZONTAL: 'horizontal'

Constant for elbow horizontal.  Default is horizontal.

EDGESTYLE_ELBOW: 'elbowEdgeStyle'

Name of the elbow edge style.  Can be used as a string value for the STYLE_EDGE style.

EDGESTYLE_ENTITY_RELATION: 'entityRelationEdgeStyle'

Name of the entity relation edge style.  Can be used as a string value for the STYLE_EDGE style.

EDGESTYLE_LOOP: 'loopEdgeStyle'

Name of the loop edge style.  Can be used as a string value for the STYLE_EDGE style.

EDGESTYLE_SIDETOSIDE: 'sideToSideEdgeStyle'

Name of the side to side edge style.  Can be used as a string value for the STYLE_EDGE style.

EDGESTYLE_TOPTOBOTTOM: 'topToBottomEdgeStyle'

Name of the top to bottom edge style.  Can be used as a string value for the STYLE_EDGE style.

EDGESTYLE_ORTHOGONAL: 'orthogonalEdgeStyle'

Name of the generic orthogonal edge style.  Can be used as a string value for the STYLE_EDGE style.

EDGESTYLE_SEGMENT: 'segmentEdgeStyle'

Name of the generic segment edge style.  Can be used as a string value for the STYLE_EDGE style.

PERIMETER_ELLIPSE: 'ellipsePerimeter'

Name of the ellipse perimeter.  Can be used as a string value for the STYLE_PERIMETER style.

PERIMETER_RECTANGLE: 'rectanglePerimeter'

Name of the rectangle perimeter.  Can be used as a string value for the STYLE_PERIMETER style.

PERIMETER_RHOMBUS: 'rhombusPerimeter'

Name of the rhombus perimeter.  Can be used as a string value for the STYLE_PERIMETER style.

PERIMETER_HEXAGON: 'hexagonPerimeter'

Name of the hexagon perimeter.  Can be used as a string value for the STYLE_PERIMETER style.

PERIMETER_TRIANGLE: 'trianglePerimeter'

Name of the triangle perimeter.  Can be used as a string value for the STYLE_PERIMETER style.