企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
- 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' ```