对接后台数据格式
{
"id": "ec94b2dd-36ed-4603-b664-51cf0ff78dfb",
"name": "ts-edge",
"label": "传输连线",
"clazz": "trans_link",
"key_shape": "",
"shape_type": "edge",
"shape_base": "polyline",
"icon": null,
"label_style": "{\"position\":\"middle\",\"autoRotate\":true,\"refX\":0,\"refY\":0,\"style\":{\"stroke\":\"#000000\",\"shadowColor\":\"rgba(0,0,0,0)\",\"shadowBlur\":0,\"lineWidth\":0,\"lineAppendWidth\":0,\"strokeOpacity\":1,\"fillOpacity\":1,\"fontSize\":12,\"fontWeight\":\"normal\",\"textAlign\":\"center\",\"textBaseline\":\"middle\",\"fill\":\"#595959\"}}",
"style": "{\"offset\":15,\"lineWidth\":1,\"lineAppendWidth\":0,\"strokeOpacity\":0.7,\"radius\":4,\"stroke\":\"#2286E4\",\"hoverStrokeColor\":\"#F70404\",\"selectStrokeColor\":\"#FF25FF\",\"shadowOffsetX\":0,\"shadowOffsetY\":0,\"shadowBlur\":0,\"shadowColor\":\"rgba(0,0,0,0)\",\"_startArrow\":\"diamond\",\"_endArrow\":\"vee\",\"lineDash\":[],\"startArrow\":{\"path\":\"M 0,0 \\n L 6,-3 \\n L 12,0 \\n L 6,3 Z\",\"d\":0,\"strokeOpacity\":0.7,\"fill\":\"#2286E4\",\"stroke\":\"#2286E4\"},\"endArrow\":{\"path\":\"M 0,0 L 12,-3\\n L 8,0 L 12,3 Z\",\"d\":0,\"strokeOpacity\":0.7,\"fill\":\"#2286E4\",\"stroke\":\"#2286E4\"}}",
"details": "{}"
},
{
"id": "ef824c59-f593-4638-95d7-2738d1892a1f",
"name": "dt-node",
"label": "数据节点",
"clazz": "data_node",
"key_shape": "rect",
"shape_type": "node",
"shape_base": "single-node",
"icon": null,
"label_style": null,
"style": "{\"lineWidth\":1,\"lineAppendWidth\":0,\"strokeOpacity\":0.7,\"fillOpacity\":1,\"width\":80,\"height\":40,\"radius\":4,\"stroke\":\"#1890FF\",\"fill\":\"#E7F7FE\",\"shadowOffsetX\":0,\"shadowOffsetY\":4,\"shadowBlur\":10,\"shadowColor\":\"rgba(13, 26, 38, 0.08)\",\"selectFillColor\":\"#5589FF\"}",
"details": "{}"
}
| 功能 | 默认启用 | 快捷键 | 工具栏 | 右键菜单 | 备注 |
|---|---|---|---|---|---|
| undo | ✔ | ✔ | ✔ | 撤销 | |
| redo | ✔ | ✔ | ✔ | 重做 | |
| copy | ✔ | ✔ | ✔ | 复制 | |
| paste | ✔ | ✔ | ✔ | 粘贴 | |
| delete | ✔ | ✔ | ✔ | 删除 | |
| clear | ✔ | ✔ | ✔ | 清空画布 | |
| zoom | ✔ | ✔ | ✔ | 缩放 | |
| zoomIn | ✔ | ✔ | ✔ | 放大 | |
| zoomOut | ✔ | ✔ | ✔ | 缩小 | |
| fit | ✔ | ✔ | ✔ | 适应屏幕 | |
| actualSize | ✔ | ✔ | ✔ | 实际大小 | |
| fill | ✔ | ✔ | ✔ | 填充颜色 | |
| lineColor | ✔ | ✔ | ✔ | 线条颜色 | |
| lineWidth | ✔ | ✔ | ✔ | 线条宽度 | |
| lineDash | ✔ | ✔ | ✔ | 线条样式 | |
| lineType | ✔ | ✔ | ✔ | 线条类型 | |
| toFront | ✔ | ✔ | ✔ | 置于顶层 | |
| toBack | ✔ | ✔ | ✔ | 置于底层 | |
| selectAll | ✔ | ✔ | ✔ | 全选 | |
| alignItem | ✔ | ✔ | ✔ | 对齐线 |