- mxgraph 提供的图形
```
SHAPE_RECTANGLE: 'rectangle'
SHAPE_ELLIPSE: 'ellipse'
SHAPE_DOUBLE_ELLIPSE: 'doubleEllipse'
SHAPE_RHOMBUS: 'rhombus'
SHAPE_LINE: 'line'
SHAPE_IMAGE: 'image'
SHAPE_ARROW: 'arrow'
SHAPE_ARROW_CONNECTOR: 'arrowConnector'
SHAPE_LABEL: 'label'
SHAPE_CYLINDER: 'cylinder'
SHAPE_SWIMLINE: 'swimlane'
SHAPE_CONNECTOR: 'connector'
SHAPE_ACTOR: 'actor'
SHAPE_CLOUD: 'cloud'
SHAPE_TRIANGLE: 'triangle'
SHAPE_HEXAGON: 'hexagon'
```
![](https://img.kancloud.cn/17/92/179292873cd8baa9ec82e7cadd9af844_1457x451.png)
- 线连接样式
涉及 `STYLE_EDGE`
```
EDGESTYLE_ELBOW: 'elbowEdgeStyle'
EDGESTYLE_ENTITY_RELATION: 'entityRelationEdgeStyle'
EDGESTYLE_LOOP: 'loopEdgeStyle'
EDGESTYLE_SIDETOSIDE: 'sideToSideEdgeStyle'
EDGESTYLE_TOPTOBOTTOM: 'topToBottomEdgeStyle'
EDGESTYLE_ORTHOGONAL: 'orthogonalEdgeStyle'
EDGESTYLE_SEGMENT: 'segmentEdgeStyle'
// elbowEdgeStyle 方向属性
STYLE_ELBOW: 'elbow'
ELBOW_VERTICAL: 'vertical'
ELBOW_HORIZONTAL: 'horizontal'
```
---
**elbowEdgeStyle** `elbow=horizontal`
![](https://img.kancloud.cn/71/ee/71ee72a41178b293bd99c9e619ebb937_603x300.png)
**elbowEdgeStyle** `elbow=vertical`
![](https://img.kancloud.cn/c8/d4/c8d4999b9ca05806c6dd5a5001dd73ea_530x300.png)
**entitiyRelationEdgeStyle**
![](https://img.kancloud.cn/e1/e3/e1e3224d2f4beeaed26773f755b3790a_550x300.png)
**loopEdgeStyle**
![](https://img.kancloud.cn/a2/93/a2930b8766d50054b632fd0ed09c71ef_554x250.png)
**sideToSideEdgeStyle**
![](https://img.kancloud.cn/46/66/46660a9e7b235cd20408c1c8cab4836c_628x248.png)
**topToBottomEdgeStyle**
![](https://img.kancloud.cn/f2/10/f210de17affce824865bda15a9610a41_527x235.png)
**orthogonalEdgeStyle**
![](https://img.kancloud.cn/10/63/106375e99c801dfb1702c8ba6213b7b8_577x300.png)
**segmentEdgeStyle**
![](https://img.kancloud.cn/c3/7d/c37df68d82acca875f0a7b7aea5fa573_555x242.png)
- 边箭头样式
涉及 `STYLE_STARTARROW`、`STYLE_ENDARROW`
```
ARROW_CLASSIC: 'classic'
ARROW_CLASSIC_THIN: 'classicThin'
ARROW_BLOCK: 'block'
ARROW_BLOCK_THIN: 'blockThin'
ARROW_OPEN: 'open'
ARROW_OPEN_THIN: 'openThin'
ARROW_OVAL: 'oval'
ARROW_DIMAND: 'diamond'
ARROW_DIMAND_THIN: 'diamondThin'
```
![](https://img.kancloud.cn/9a/dd/9add00857956fa59a43428b99194b247_769x165.png)
- 文字样式
涉及 `STYLE_FONTSTYLE`
```
FONT_BOLD: 1
FONT_ITALIC: 2
FONT_UNDERLINE: 4
```
- 文本对齐
涉及 `STYLE_ALIGN`、`STYLE_VERTICAL_ALIGN`、`STYLE_LABEL_ALIGN`、`STYLE_VERTICAL_LABEL_ALIGN`
```
ALIGN_LET: 'left'
ALITGN_CENTER: 'center'
ALIGN_RIGHT: 'right'
ALIGN_TOP: 'top'
ALIGN_MIDDLE: 'middle'
ALIGN_BOTTOM: 'bottom'
```
- 文本书写方向
涉及 `STYLE_TEXT_DIRECTION`
```
TEXT_DIRECTION_AUTO: 'auto'
TEXT_DIRECTION_LTR: 'ltr'
TEXT_DIRECTION_RTL: 'rtl'
```
- 图形的方向
涉及 `STYLE_DIRECTION`
```
DIRECTION_NORTH : 'north'
DIRECTION_SOUTH: 'south'
DIRECTION_EAST: 'east'
DIRECTION_WEST: 'west'
```
-
```
DIRECTION_MASK_NONE: 0
DIRECTION_MASK_WEST: 1
DIRECTION_MASK_NORTH: 2
DIRECTION_MASK_SOUTH: 4
DIRECTION_MASK_EAST: 8
DIRECTION_MASK_ALL: 15
```
- 周长相关
涉及 `STYLE_PERIMETER`
```
PERIMETER_ELLIPSE: 'ellipsePerimeter'
PERIMETER_RECTANGLE: 'rectangelPerimeter'
PERIMETER_RHOMBUS: 'rhombusPerimeter'
PERIMETER_HEXAGON: 'hexagonPerimeter'
PERIMETER_TRIANGLE: 'trianglePerimater'
```