Mermaid 在线图表

类图

解析 classDiagram 的类、成员、方向、继承/组合/关联关系，生成带类框与关系线的 SVG 计划。

在浏览器中运行

输入与参数

• input — Mermaid 类图源码

真实示例

classDiagram
  direction LR
  class 图表 {
    +String 类型
    +校验()
    +导出SVG()
  }
  class 安全策略 {
    +白名单检查()
    -拒绝脚本调用()
  }
  class 导出计划 {
    +String 文件名
    +栅格化检查()
  }
  图表 <|-- 流程图
  图表 --> 安全策略 : 先过滤
  图表 --> 导出计划 : 后导出
→ class：4 类 / 3 关系；中文类名与成员、+/- 可见性、<|-- 继承正确保留；SVG 含 class-box 与 relation 分组。

限制与失败处理

仅覆盖 class 声明、单行成员与常见关系运算符；namespace 只记录不布局，注解/泛型/lollipop 接口不在本轮验收范围。

FAQ