SuperAPI AI 工具集

drawio-syntax-styles

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

用途:这是一个 Draw.io 语法与样式属性参考技能,用于在编写 Draw.io 图表样式时查询精确的属性名称、合法取值与正确语法,防止误用不存在的属性名。

主要能力:提供 120 多个样式属性的分类速查(填充、描边、圆角、阴影、手绘、字体、对齐、标签位置、溢出、间距、连线样式、箭头、进出点、jetty、跳线、容器、泳道、子布局、行为锁定等);内置 16 种基础形状与 19 种扩展形状的样式字符串;21 种箭头类型及填充组合(如 UML 继承、组合、聚合、依赖);9 种连线路由算法;手绘模式属性(sketch、jiggle、fillStyle 等)。

使用方式:按决策树定位属性类别,再查 references/methods.md 获取完整属性目录,references/examples.md 查看常见场景完整样式串,references/anti-patterns.md 排查常见错误。

关键规则:属性名用 camelCase(strokeColor 而非 stroke-color);布尔值用 0/1;颜色用 #RRGGBB 或 none/default;每个顶点和边必须含 html=1;带文字标签的顶点必须含 whiteSpace=wrap;perimeter 必须与形状匹配;模板形状必须以 shape=mxgraph. 开头;labelPosition 需配合相反的 align;shadow 需全局开启;容器需 container=1。

适用场景:查询样式属性、形状名、箭头类型、路由算法、手绘模式与图片形状属性。

限制:不适用于样式字符串语法规则(用 drawio-core-styles)、创建完整图表(用实现类技能)或调试渲染问题(用 drawio-errors-diagnosis)。