---
title: 类模型草图
canonical: "https://mermaid.vloam.com/zh/examples/class-model/"
pubDate: "2026-09-12T00:00:00.000Z"
author: Vloam
description: 小型类图：将 Editor 与带 render 方法的 Diagram 类型相连。
categories: [class]
---

类草图尽量控制在一屏内。只有在能说清设计讨论时，再补充字段。

## 图表示例源码

```mermaid
classDiagram
  class 编辑器 {
    +String 源码
    +防抖渲染()
    +导出Svg()
  }
  class 图表 {
    +String 编号
    +渲染() SVG
  }
  class 导出器 {
    +转Png()
    +复制到剪贴板()
  }
  编辑器 --> 图表 : 拥有
  编辑器 --> 导出器 : 使用
```