技术咨询、项目合作、广告投放、简历咨询、技术文档下载
点击这里 联系博主
# draw.io 配置
# 主题配置
代码以 https://github.com/MrGaoGang/lucky_docs/blob/master/docs/.vuepress/public/drawio/theme.config.json 为准
{
"customPresetColors": [
"034FD8",
"34495D",
"42B681",
"FBB638",
"8698A2",
"D85960"
],
"customFonts": [
"苹果-简",
"Comic Sans MS",
"Segoe Script",
"钉钉进步体",
"得意黑",
"Open Sans"
],
"customColorSchemes": [
[
{
"fill": "#E6FFFA",
"stroke": "#3BB3AD",
"font": "#3BB3AD"
},
{
"stroke": "#48BB78",
"fill": "#F0FFF4",
"font": "#3BB3AD"
},
{
"stroke": "#4299E1",
"fill": "#EBF8FF",
"font": "#4299E1"
},
{
"stroke": "#7F9CF5",
"fill": "#EBF8FF",
"font": "#7F9CF5"
},
{
"fill": "#F1EDF3",
"stroke": "#9b59b6",
"font": "#9b59b6"
},
{
"fill": "#FBE4E4",
"stroke": "#D85960",
"font": "#D85960"
},
{
"fill": "#FFF2CC",
"stroke": "#FBB638",
"font": "#FBB638"
},
{
"fill": "#F7F7F7",
"stroke": "#A0AEC0",
"font": "#A0AEC0"
}
],
[
{
"fill": "#1C3C3C",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#142A2A",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#D0C9FE",
"stroke": "none",
"font": "#ffffff"
}
],
[
{
"fill": "#42B681",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#034FD8",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#34495D",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#42B681",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#FBB638",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#8698A2",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#D85960",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#1abc9c",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#2ecc71",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#9b59b6",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#3498db",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#e67e22",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#e74c3c",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#ff6b6b",
"stroke": "none",
"font": "#ffffff"
}
],
[
{
"fill": "#a2a5a7",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#fcd766",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#9fdad5",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#f19b97",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#A9C4EB",
"stroke": "none",
"font": "#ffffff"
}
],
[
{
"fill": "#277da1",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#577590",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#4d908e",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#43aa8b",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#90be6d",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#f9c74f",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#f9844a",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#f8961e",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#f3722c",
"stroke": "none",
"font": "#ffffff"
},
{
"fill": "#f94144",
"stroke": "none",
"font": "#ffffff"
}
],
[
{
"fill": "none",
"stroke": "#D85960",
"font": "#D85960"
},
{
"fill": "none",
"stroke": "#1abc9c",
"font": "#1abc9c"
},
{
"fill": "none",
"stroke": "#2ecc71",
"font": "#2ecc71"
},
{
"fill": "none",
"stroke": "#3498db",
"font": "#3498db"
},
{
"fill": "none",
"stroke": "#9b59b6",
"font": "#9b59b6"
},
{
"fill": "none",
"stroke": "#e74c3c",
"font": "#e74c3c"
},
{
"fill": "none",
"stroke": "#f39c12",
"font": "#f39c12"
}
]
],
"defaultVertexStyle": {
"fontFamily": "钉钉进步体",
"fontSize": "16",
"strokeWidth": "2",
"fontColor": "#34495D",
"arcSize": "10",
"absoluteArcSize": "1",
"rounded": "1",
"shadow": "0",
"comic": "0"
},
"defaultEdgeStyle": {
"fontFamily": "钉钉进步体",
"fontSize": "14",
"fontColor": "#34495D",
"strokeWidth": "2",
"arcSize": "10",
"absoluteArcSize": "1",
"rounded": "1",
"shadow": "0",
"comic": "0",
"strokeColor": "#A0AEC0"
},
"fontCss": "@import url(https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe)}"
}
# 便签本配置
<mxlibrary>[
{
"xml": "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"2\" value=\"LLMS\" style=\"rounded=1;whiteSpace=wrap;html=1;shadow=0;comic=0;strokeWidth=2;arcSize=10;fontFamily=钉钉进步体;fontSize=16;fontColor=#ffffff;fillColor=#1C3C3C;strokeColor=none;\" vertex=\"1\" parent=\"1\"><mxGeometry width=\"62\" height=\"36\" as=\"geometry\"/></mxCell></root></mxGraphModel>",
"w": 62,
"h": 36,
"aspect": "fixed"
},
{
"xml": "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"2\" value=\"\" style=\"group;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=10;fontFamily=钉钉进步体;fontSize=16;fontColor=#34495D;\" vertex=\"1\" connectable=\"0\" parent=\"1\"><mxGeometry width=\"88\" height=\"90\" as=\"geometry\"/></mxCell><mxCell id=\"3\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#A0AEC0;fillColor=#F7F7F7;strokeColor=#E6E6E6;opacity=80;\" vertex=\"1\" parent=\"2\"><mxGeometry width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"4\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#A0AEC0;fillColor=#F7F7F7;strokeColor=#E6E6E6;opacity=80;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"4\" y=\"5\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"5\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#A0AEC0;fillColor=#F7F7F7;strokeColor=#E6E6E6;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"8\" y=\"10\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell></root></mxGraphModel>",
"w": 88,
"h": 90,
"aspect": "fixed"
},
{
"xml": "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"2\" value=\"\" style=\"group;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=10;fontFamily=钉钉进步体;fontSize=16;fontColor=#34495D;\" vertex=\"1\" connectable=\"0\" parent=\"1\"><mxGeometry width=\"88\" height=\"90\" as=\"geometry\"/></mxCell><mxCell id=\"3\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#9b59b6;fillColor=#F1EDF3;strokeColor=#9b59b6;opacity=80;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"4\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#9b59b6;fillColor=#F1EDF3;strokeColor=#9b59b6;opacity=80;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"4\" y=\"5\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"5\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#9b59b6;fillColor=#F1EDF3;strokeColor=#9b59b6;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"8\" y=\"10\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell></root></mxGraphModel>",
"w": 88,
"h": 90,
"aspect": "fixed"
},
{
"xml": "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"2\" value=\"\" style=\"group;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=10;fontFamily=钉钉进步体;fontSize=16;fontColor=#34495D;\" vertex=\"1\" connectable=\"0\" parent=\"1\"><mxGeometry width=\"88\" height=\"90\" as=\"geometry\"/></mxCell><mxCell id=\"3\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#D85960;fillColor=#FBE4E4;strokeColor=#D85960;opacity=80;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"4\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#D85960;fillColor=#FBE4E4;strokeColor=#D85960;opacity=80;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"4\" y=\"5\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"5\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#D85960;fillColor=#FBE4E4;strokeColor=#D85960;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"8\" y=\"10\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell></root></mxGraphModel>",
"w": 88,
"h": 90,
"aspect": "fixed"
},
{
"xml": "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"2\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#3BB3AD;fillColor=#E6FFFA;strokeColor=#3BB3AD;opacity=80;container=0;\" vertex=\"1\" parent=\"1\"><mxGeometry width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"3\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#3BB3AD;fillColor=#E6FFFA;strokeColor=#3BB3AD;opacity=80;container=0;\" vertex=\"1\" parent=\"1\"><mxGeometry x=\"4\" y=\"5\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"4\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#3BB3AD;fillColor=#E6FFFA;strokeColor=#3BB3AD;container=0;\" vertex=\"1\" parent=\"1\"><mxGeometry x=\"8\" y=\"10\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell></root></mxGraphModel>",
"w": 88.00000000000006,
"h": 90.00000000000001,
"aspect": "fixed"
},
{
"xml": "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"2\" value=\"\" style=\"group;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=10;fontFamily=钉钉进步体;fontSize=16;fontColor=#34495D;\" vertex=\"1\" connectable=\"0\" parent=\"1\"><mxGeometry width=\"88\" height=\"90\" as=\"geometry\"/></mxCell><mxCell id=\"3\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#3BB3AD;fillColor=#F0FFF4;strokeColor=#48BB78;opacity=80;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"4\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#3BB3AD;fillColor=#F0FFF4;strokeColor=#48BB78;opacity=80;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"4\" y=\"5\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"5\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#3BB3AD;fillColor=#F0FFF4;strokeColor=#48BB78;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"8\" y=\"10\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell></root></mxGraphModel>",
"w": 88,
"h": 90,
"aspect": "fixed"
},
{
"xml": "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"2\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#4299E1;fillColor=#EBF8FF;strokeColor=#4299E1;opacity=80;container=0;\" vertex=\"1\" parent=\"1\"><mxGeometry width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"3\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#4299E1;fillColor=#EBF8FF;strokeColor=#4299E1;opacity=80;container=0;\" vertex=\"1\" parent=\"1\"><mxGeometry x=\"4\" y=\"5\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"4\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#4299E1;fillColor=#EBF8FF;strokeColor=#4299E1;container=0;\" vertex=\"1\" parent=\"1\"><mxGeometry x=\"8\" y=\"10\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell></root></mxGraphModel>",
"w": 88.00000000000006,
"h": 90.00000000000001,
"aspect": "fixed"
},
{
"xml": "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"2\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#7F9CF5;fillColor=#EBF8FF;strokeColor=#7F9CF5;opacity=80;container=0;\" vertex=\"1\" parent=\"1\"><mxGeometry width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"3\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#7F9CF5;fillColor=#EBF8FF;strokeColor=#7F9CF5;opacity=80;container=0;\" vertex=\"1\" parent=\"1\"><mxGeometry x=\"4\" y=\"5\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"4\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#7F9CF5;fillColor=#EBF8FF;strokeColor=#7F9CF5;container=0;\" vertex=\"1\" parent=\"1\"><mxGeometry x=\"8\" y=\"10\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell></root></mxGraphModel>",
"w": 88.00000000000006,
"h": 90.00000000000001,
"aspect": "fixed"
},
{
"xml": "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"2\" value=\"\" style=\"group;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=10;fontFamily=钉钉进步体;fontSize=16;fontColor=#34495D;\" vertex=\"1\" connectable=\"0\" parent=\"1\"><mxGeometry width=\"88\" height=\"90\" as=\"geometry\"/></mxCell><mxCell id=\"3\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#FBB638;fillColor=#FFF2CC;strokeColor=#FBB638;opacity=80;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"4\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#FBB638;fillColor=#FFF2CC;strokeColor=#FBB638;opacity=80;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"4\" y=\"5\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell><mxCell id=\"5\" value=\"\" style=\"whiteSpace=wrap;html=1;aspect=fixed;rounded=1;shadow=0;comic=0;strokeWidth=2;arcSize=21;fontFamily=钉钉进步体;fontSize=16;fontColor=#FBB638;fillColor=#FFF2CC;strokeColor=#FBB638;container=0;\" vertex=\"1\" parent=\"2\"><mxGeometry x=\"8\" y=\"10\" width=\"80\" height=\"80\" as=\"geometry\"/></mxCell></root></mxGraphModel>",
"w": 88,
"h": 90,
"aspect": "fixed"
}
]</mxlibrary>
- 本文链接： https://mrgaogang.github.io/drawio/config.html
- 版权声明： 本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 许可协议。转载请注明出处！
← Babel 插件手册 2020大前端架构 →