<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
  <defs>
    <style>
      .title{font:700 30px sans-serif;fill:#14324f}
      .box{fill:#fff;stroke:#87a4c2;stroke-width:3;rx:18;ry:18}
      .head{font:700 22px sans-serif;fill:#1f446d}
      .text{font:18px sans-serif;fill:#445c76}
      .arrow{stroke:#597ea8;stroke-width:4;marker-end:url(#m)}
    </style>
    <marker id="m" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto">
      <path d="M0,0 L9,3 L0,6 Z" fill="#597ea8"/>
    </marker>
  </defs>
  <rect width="1200" height="675" fill="#f5f8fb"/>
  <text x="60" y="70" class="title">Docker 引擎核心组件关系</text>

  <rect x="80" y="130" width="210" height="110" class="box"/>
  <text x="115" y="175" class="head">CLI</text>
  <text x="115" y="210" class="text">用户命令入口</text>

  <rect x="340" y="110" width="250" height="150" class="box"/>
  <text x="375" y="160" class="head">Daemon</text>
  <text x="375" y="195" class="text">守护进程</text>
  <text x="375" y="225" class="text">生命周期管理</text>

  <rect x="650" y="130" width="210" height="110" class="box"/>
  <text x="685" y="175" class="head">镜像管理</text>
  <text x="685" y="210" class="text">拉取 / 构建 / 层</text>

  <rect x="910" y="130" width="210" height="110" class="box"/>
  <text x="945" y="175" class="head">容器管理</text>
  <text x="945" y="210" class="text">创建 / 启动 / 删除</text>

  <rect x="220" y="340" width="230" height="110" class="box"/>
  <text x="255" y="385" class="head">网络模块</text>
  <text x="255" y="420" class="text">端口映射与通信</text>

  <rect x="500" y="340" width="230" height="110" class="box"/>
  <text x="535" y="385" class="head">存储模块</text>
  <text x="535" y="420" class="text">卷与挂载</text>

  <rect x="780" y="340" width="230" height="110" class="box"/>
  <text x="815" y="385" class="head">运行时</text>
  <text x="815" y="420" class="text">启动受控进程</text>

  <line x1="290" y1="185" x2="340" y2="185" class="arrow"/>
  <line x1="590" y1="185" x2="650" y2="185" class="arrow"/>
  <line x1="860" y1="185" x2="910" y2="185" class="arrow"/>
  <line x1="455" y1="265" x2="320" y2="340" class="arrow"/>
  <line x1="470" y1="265" x2="615" y2="340" class="arrow"/>
  <line x1="470" y1="265" x2="895" y2="340" class="arrow"/>
</svg>